黑马程序员技术交流社区

标题: 【广州前端】- 使用 Hexo+Github 搭建博客（一） [打印本页]

---

作者: AngularBaby    时间: 2017-12-14 15:53
标题: 【广州前端】- 使用 Hexo+Github 搭建博客（一）


Hexo介绍
> [hexo](https://hexo.io/zh-cn/) —— 快速、简洁且高效的博客框架
  

安装 Node.js
> 根据个人电脑版本（64或32位）
[下载NodeJS](http://nodejs.cn/download/)
> 建议选择 <b>LTS版本</b> | [参考文档](http://www.runoob.com/nodejs/nodejs-install-setup.html)

安装 Git
> 根据个人电脑版本（64或32位）
[下载 Git](http://git-scm.com/download/)

安装Hexo
1. 新建文件夹'blog' 并进入

2. 在空文件夹内单击 ‘鼠标右键’，选择 'Git Bash Here'


3. 弹出 bash 小黑窗

    * 在黑窗中，按顺序输入下面代码
    1. 输入 npm i -g hexo-cli ，使用 npm 全局安装 hexo 的命令行工具
        ~~~
        $ npm i -g hexo-cli     
        ~~~
    2. 输入 hexo init  ，利用 hexo 命令初始化一个新的博客
        ~~~
        $ hexo init     // 根据个人网速情况，可能要等很久
        ~~~
        > 初始化中...


        > hexo init 初始化完成！

    3. 输入 npm i ，安装包（如果网速差或报错，建议使用 cnpm ）
        [cnpm 的使用方法](https://npm.taobao.org/)
        ~~~
        $ cnpm i     // 根据个人网速情况，可能要等很久
        ~~~
        > 使用 cnpm i 安装包


    4. 输入 hexo s ，开启本地服务器
        ~~~
        $ hexo s
        ~~~


    5. 在浏览器输入：http://localhost:4000/  查看我们的博客



写博客
> 把写好的 markdown 文件，存放到 /source/_posts 文件夹 中即可

这样我们的【博客】在本地就已经搭建好了。接下来要做的就是把【博客】推送到 github 的远端仓库中> 原理：
每个 Github 账户都可以创建一个 YourName.github.io 的仓库，
这个仓库的 master 分支是可以直接使用 YourName.github.io 在网络中访问的，
我们可以利用 Github 的这个功能来进行静态页面的展示。

详见：
【广州前端】- 使用 Hexo+Github 搭建博客（二）

点击查看更多精彩前端资源

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2