0%

用hexo博客框架搭建自己的个人博客

什么是hexo?

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。


开始搭建

1. 安装git

访问 git官网 下载后完成安装。

安装完成后鼠标右键菜单中选择 “Git Bash Here”,打开命令窗口,输入命令。(保持命令行窗口打开,下面一直会用到)

输入查看版本命令 git --version 来验证git是否已正常安装。

1
git --version

2. 安装node.js

访问 node官网 下载适合版本,完成安装。

完成后输入查看版本命令 node-vnpm-v 来验证git是否已正常安装。

1
node-v
1
npm-v

3. 安装cnpm

npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等) 。npm是可以理解为Node.js的一个安装命令,因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以需要安装cnpm。

输入如下命令:

1
npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后输入查看版本命令 cpnm -v 验证是否已正常安装。

1
cpnm -v

4. 安装hexo博客框架

输入安装命令

1
cnpm install -g hexo-cli

安装完成后通过查看版本命令 hexo -v 来验证是否已正常安装完成。

1
hexo -v

使用hexo框架正式搭建博客

1. 新建一个博客

  1. 在本地磁盘建立博客文件夹,自己找一个磁盘新建一个文件夹,文件夹名自己随意(例如blog)。

  2. 在命令行把工作路径切换到上面的blog文件夹。或者直接在该文件夹下选择 “Git Bash Here”,打开命令窗口。

  3. 在命令行输入 hexo init 命令。初始化一个博客。

    1
    hexo init
  4. 初始化完成之后当前文件夹下会多出一些文件和目录。

  • _config.yml:网站的 配置 信息,我们在此会配置大部分的参数。

  • scaffolds:模版文件夹。当新建文章时,hexo会根据 scaffold 来建立文件。

  • source:资源文件夹。是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

  • themes:主题文件夹。hexo会根据主题来生成静态页面。

安装完成后,输入 hexo s 启动博客。

1
hexo s

启动之后,浏览器中输入 http://localhost:4000 可以在本地看到效果了。

2. 编写第一篇博客

命令行输入

1
hexo n "博文名称" 

hexo会在 source/_post 目录下生成一个md文档,使用你自己喜欢的md编辑工具打开,就可以编辑了。

编辑完成后,命令行输入 hexo clean 清除缓存文件 db.json 和已生成的静态文件 public 。

1
hexo clean

命令行输入 hexo g 生成网站静态文件到默认设置的 public 文件夹。

1
hexo g

 
在你的浏览器刷新 http://localhost:4000 ,就可以看到自己生成的博文了。

  • 本文作者: Hello洪哥
  • 本文链接: http://zh-h.com/posts/45de104d/
  • 版权声明: 本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!