高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年免费搭建个人博客网站(热门8篇)

免费搭建个人博客网站 第1篇

物色好框架之后又在网上搜罗了一些比较好看的主题,这次选用了 vuepress-theme-reco 主题,是一款简洁的博客&文档主题,后续如果要添加文档也比较方便。

相比于原生的博客框架,各路大佬们开发的主题框架功能更加丰富,而且网站整体也更加美观:

本次我使用了 npm 进行项目初始化:

此外也可以使用 npxyarn

npm

yarn

配置项目基础信息:

配置成功显示:

进入项目文件运行 npm install

成功运行后可以看到我们的基础目录结果:

其中 .vuepress 文件夹放置了所有于 VuePress 相关的文件, public 放置静态图片, 配置网站的标题和路由等信息。 blogs 文件夹分类放置博客内容,而 docs 文件夹则用来放置展示的文档。

npm run dev 启动项目:

项目默认运行在 8080端口:

运行成功后会在 .vuepress 路径下生成两个临时文件(不要手动修改):

免费搭建个人博客网站 第2篇

、设置安装目录

、选择安装组件

、选择开始菜单页(默认即可)​ 

 、决定初始化新项目的主干名字(默认即可)​

、调整PATH环境(默认即可)

、选择HTTPS后端传输(默认即可)

、配置行尾符号转换(默认即可)

、配置终端模拟器以与Git Bash一起使用

、选择默认的 “git pull” 行为

、选择一个凭证帮助程序

、配置额外的选项

、配置实验性选项

、等待安装完成,在cmd中输入如下指令:git --version,出现git版本信息,说明安装成功​

免费搭建个人博客网站 第3篇

大家好,我是爱思思爱猫爱技术的老表,最近一直在研究个人博客搭建,目前正在进行的有 Django 个人博客搭建系列,最近了解到还有很多现成的博客搭建框架,准备后面依次给大家分享下。

本文是基于 Hexo 框架来构建个人博客的,整个过程十分简单,如果顺利的话,可能只需要 10-20 分钟就可以完美构建部署好一个专属于你的个人博客了,记得点赞~

免费搭建个人博客网站 第4篇

主题文件存放在themes文件夹下

、github网站上输入:hexo,也可以搜索到很多优秀的hexo主题

、获取喜欢的hexo主题的http链接和主题名

、在项目文件夹下,使用Open Git Bash here打开git窗口,输入以下指令(git clone 主题http链接 themes/主题名称)

、主题下载完毕

、在themse文件夹下会出现名为:hexo-theme-chan的主题文件夹

、打开文件,将theme: landscape改为theme: hexo-theme-chan

可能会存在部分效果和文件生成失败,但是不影响博客框架的生成,效果可后续配置

、生成chan主题博客展示(在这种配置情况下,生成的任何博客都只有框架,剩余的还得自行配置)

、 生成butterfly主题博客展示

、生成tangyuxian主题博客展示(需要安装wordcount插件)

、生成shoka主题博客展示

参考文章

免费搭建个人博客网站 第5篇

宝塔面板中选择网站->添加站点

域名填写参考下图,ftp和mysql选择创建

注:ftp和mysql的账户资料注意保存

创建完成后可以在浏览器中输入ip地址验证是否创建成功,如果不能显示该页面,可能是默认的80端口未放开

进入WordPress官网下载

选择上传,并解压到根目录

进入到WordPress文件中,全选文件剪切到根目录下

再次访问IP出现如下情况,wordpress安装完成,此时可以删除压缩包和空的文件夹

免费搭建个人博客网站 第6篇

利用淘宝镜像安装cnpm命令行中通过 cnpm install 命令安装您想要的程序,可在 cmd 中输入cnpm -v, 出现cnpm 版本信息说明安装成功

可在 cmd 中输入 hexo -v, 出现hexo版本信息说明安装成功

免费搭建个人博客网站 第7篇

经过上面操作,你会发现搭建确实很简单,但是访问真的是慢!!!

主要原因是 GitHub 服务器在国外,这个解决还比较简单,我们可以同时将项目部署到国内码云:或者 Coding:,整个过程和将项目部署到 GitHub 差不多。

具体操作我们下节再分享,这周内更新,记得给本文点赞哦~还有什么好的博客搭建框架也可以留言区推荐给老表,我来踩坑!

文章中有说到服务器,然后最近阿里云也在做双十一活动,我是云大使,大家想买服务器的可以私聊我(可以白领,仅针对新用户,大家通过我的链接购买,我会返现大家 60 元,2 核 2G 突击性 t6 60 元/年),当然,我也还能赚个早餐钱,现在第一波活动已经过去啦,第二波活动是 ,有需要的朋友可以加我微信(pythonbrief)私聊我。

参与活动需要先和我关联,通过我的链接注册并登录即可:关联我,点这里注册并登录阿里云

如何找到我:

免费搭建个人博客网站 第8篇

首先我们进入 Hexo 的官网:

在正式开始前,确保你已经准备好了:

1、一个 GitHub 账号,可以直接去官网注册:

2、安装好了 Git、

Git安装方法很多,最简单的是直接官网下载软件包,然后安装(Mac 和 Windows 及其他版本都有),

Mac 电脑害可以直接利用`brew install git` 进行安装(默认应该自带 git),或者 yum、apt-get 等包管理工具安装。

也可以直接去官网下载对应系统安装包,然后一步步安装即可。

Windows 系统可能需要自己设置环境变量,将对应安装目录添加到系统环境变量即可,浏览器搜索下对应方法即可。

查看下 Git、 版本,确保安装无误

首先我们需要新建一个项目目录,以我为例:我会在桌面的 Project 目录下新建一个 HexoBlog 文件夹用于存放改项目相关文件。

这个时候如果直接运行下面语句安装 Hexo,你可能会遇到rollbackFailedOptional

这是因为网络问题(npm 的服务器位于国外下载慢),可以使用 cnpm(淘宝团队做的国内镜像)的获取镜像或者直接修改 npm 的资源获取地址为国内的。

另外我自己还遇到了文件写入权限问题,

直接修改目录文件权限即可,如:

解决上面问题后,我们在安装就可以成功啦~(如下截图所示)

前面已经准备好了所有相关环境,接下来我们就正式来初始化一个 Hexo 博客吧~初始化的命令格式为hexo init <项目名称>,这里我们暂且叫做 blog。

成功初始化后,会在当前文件夹下生成一个新的文件夹`blog`,目录结构如下:

初始化项目后,我们只需在本地执行下面命令即可在本地进行预览,

首先我们需要进入到新建的项目目录下,然后执行`hexo s`即可启动项目,然后我们访问http://localhost:4000/即可查看网站啦~

目前是默认的主题,另外还有一篇默认的博客`Hello World`。

本地启动项目,s 表示 server

创建一个新的博客,n 表示 new

layout 表示文章布局,可选(post page draft),默认使用 中的 default_layout 参数代替(post)。

title 表示文章标题,如果标题包含空格的话,请使用引号括起来。

生成静态文件,g 表示 generate

部署 Hexo 网站,d 表示 deploy

清除缓存文件 () 和已生成的静态文件 (public)

猜你喜欢