Hexo 搭建个人博客
你可以选择购买主机搭建动态博客 - WordPress等,也可以使用Github Pages来搭建一个静态的个人博客。我选择了现在很热门的Github Pages + Hexo 的方式来搭建独立的个人博客。
在搭建个人博客的过程中,你可能会使用到下面几个网站。在这几个网站中都有相应的官方文档及教程。如果官方文档不能满足你,那么请Google。
Github 官网
Github Pages
Hexo 官网
Node.js 官网
Git 官网
创建Github Pages
登入Github 网站,在你的主页点击图标 New Repository 创建一个新的版本库,因为我们是使用Github 仓库的 Github Pages 去搭建我们的静态博客,所以版本库的名称是你以后博客的地址,博客名 + .github.io
。如:我的用户名是:liangxiansen
,那么版本库的名字应该是: liangxiansen.github.io ,这个是一定不能出错的。因为之后你将要访问的你的博客地址就是: https://liangxiansen.github.io 。
这个仓库地址 命名格式必须是 + github.io
的形式
安装Hexo
Hexo的安装在其官方文档中有很详细的说明。下面将简单介绍Hexo的安装。
上面两个工具安装完整之后,只需要使用npm即可完成Hexo的安装。
npm install -g hexo-cli
安装Hexo完成之后,执行下面的命令,Hexo将会在你制定的文件夹中新建所需要的文件。
hexo init <folder>
cd <folder>
npm install
新建完成后,文件夹下的目录如下:
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
- _config.yml 文件是网站的配置文件,可以在其中配置网站的大部分参数。
- package.json 文件是应用程序的信息。
- source 是资源文件夹,是用来存放用户资源的地方。
- themes 是主题文件夹,Hexo会根据主题来生成不同的静态页面。
- scaffolds是模板件夹,当新建文章的时候,Hexo会根据模板来建立文件。
修改主题
先进入你的Hexo文件夹 themes
里面,选择一个主题下载:
git clone https://github.com/iissnan/hexo-theme-next.git
然后打开Hexo主文件夹下的_config.yml,修改其中的theme
属性。theme:
后面要加空格。
本地测试
hexo generate #生成静态页面,生成的内容在public文件夹下
hexo server #启动本地服务,进行文章预览调试。hexo s --debug 命令可以用来调试
在浏览器输入: http://127.0.0.1:4000 进行查看
发布到Github
先使用下面的命令对Git进行初始配置。
git config --global user.name "your name"
git config --global user.email "email@email.com"
然后打开Hexo主文件夹下的_config.yml,设置其中的deploy
参数,详细请查看Hexo官方文档中部署部分。
我的设置如下所示:
deploy:
type: git
repository: https://github.com/LiangXianSen/liangxiansen.github.io.git
branch: master
在上面的参数设置好了之后,使用下面的命令安装 hexo-deployer-git 插件,只有安装了插件之后才可以部署到Github Pages。
npm install hexo-deployer-git --save
安装完插件之后使用下面的命令进行部署:
hexo generate #生成静态文件
hexo deploy #部署到github
还有一个更快捷的命令:
hexo deploy -g #在部署前先生成
在浏览器输入:https://xxx.github.io 即可访问刚刚发布的网站了。
注意事项
hexo
目录下的 db.json
文件不要随便删除,里面记录了好多信息,我删了后发现我的blog的访问量的纪录全没了(手动捂脸~)。