sulenn个人博客

个人博客

所用框架： hexo ，主题： Clean Blog，作者： Klughertz Jonathan

访问量统计插件：不蒜子

字数统计插件：Hexo-WordCount

推荐视屏教程：快速使用 Hexo 搭建个人博客

1. 安装Hexo

检查电脑中是否已安装下列应用程序：

• Node.js
• Git

如果已安装，则运行下列指令使用 npm 安装 Hexo

1

npm install -g hexo-cli

如果未安装，请参考 安装

2. 建站

分别执行下列命令，在指定文件夹中新建所需要的文件

1
2
3

hexo init <folder>
cd <folder>
npm install

完成后，指定文件夹的目录如下：

1
2
3
4
5
6
7
8

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

3. 服务器

安装 hexo-server

1

npm install hexo-server --save

启动服务器

1

hexo server

然后，可以通过 http://localhost:4000 查看你的网站

4. 部署

安装 hexo-deployer-git

1

npm install hexo-deployer-git --save

这里需要在github上申请一个 repository ，仓库名为 ID + github.io。如我个人的仓库名 sulenn.github.io

修改配置文件 _config.yml 内容

1
2
3
4

deploy:
  type: git
  repo: <repository url> #https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
  branch: master #published

此处的 repository url 需修改为上面所创建的仓库地址

分别执行以下指令，部署项目至github

1
2

hexo clean
hexo deploy

成功部署之后，不出意外的话，现在就可以通过仓库名访问博客了。

5. 更换博客theme

开篇介绍到本博客用的主题为： Clean Blog

先用 git 指令将主题文件 clone 至本地

1

git clone https://github.com/klugjo/hexo-theme-clean-blog.git themes/clean-blog

修改配置文件 _config.yml 内容

1
2
3
4

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: clean-blog

执行和第4部分相同的指令，部署项目至github

1
2

hexo clean
hexo deploy

此时可发现网页主题已经生效。

除了重新部署至github以外也可以在本地启动服务器进行测试

6. 总结

通过以上步骤，我们可以轻松搭建个人博客。如果想熟练使用，需要私下多花费一些功夫。