hexo博客搭建(一):安装配置

安装Hexo

安装node & npm

1
brew install node

查看node & npm版本

1
2
node -v
npm -v

npm是随同node.js一起安装的包管理工具,我们可以使用它从服务器上下载其他的程序,如果国内的网速比较慢,可以使用淘宝的cnpm代替。

安装hexo

1
npm install -g hexo-cli

初始化hexo

1
2
3
hexo init blog(名称)
cd blog
cnpm install

目录介绍

1
2
3
4
5
6
7
8
9
10
|– _config.yml
 – package.json
 – public  
 – source
   |– _drafts
   |– _posts
 – themes
   |– landscape
   |– next
      |– _config.yml
  • _config.yml:hexo的配置文件
  • public:根据md文件生成html、资源等文件
  • _posts:文章md所在目录
  • _config.yml:主题的配置文件

本地运行hexo

1
2
cd blog
hexo s

远程部署

1
2
3
4
hexo clean
npm install https://github.com/CodeFalling/hexo-asset-image --save
hexo g
hexo d

关联域名

设置解析

打开阿里云,进入域名解析,点击自己的域名
点击新建,添加一个 CNAME 解析,地址写 你的名字.coding.me ,也就是把域名解析到域名

添加CNAME到Coding

打开Coding,pages服务,绑定域名
设置完成后,等待10分钟左右,若在浏览器中输入自己的域名可成功访问即可。

绑定域名

coding 推出了银牌会员,可以免费升级,绑定了自定义域名后,会先跳到下边的页面

我们需要在自己的博客加入 Hosted by Coding Pages ,审核通过就没有跳转的 pages 了

以 Next 主题为例:

进入\themes\next\layout_partials

使用 Sublime Text 编辑 footer.swig ,加入以下代码

1
2
3
4
5
6
<div class="powered-by">
Hosted by
<a class="theme-link" href="https://pages.coding.me">
Coding Pages
</a>
</div>

然后在终端执行下边命令

1
2
hexo g
hexo d

然后在 pages 页面勾选已放置即可,最后等待审核通过。

您的支持是我原创的动力