我的博客站详细效果可以看这里 http://summerxx.com #Hacker 这款主题我也很喜欢, 推荐给大家#
或者看看作者的博客站 http://litten.github.io
原来是使用next主题, 这次换了一个主题 还是比较干净整洁的, 不知道为什么被首页和程序员专题拒稿了, 难道怕搭建博客分流, 还是我写的烂, 不太懂...
吐槽: 下载环境软件比较耽误时间, 在此过程中还可能遇到各种问题, 不想折腾, 就算了, 看看这个过程就好.
下面就愉快的开始了 papapa开始敲键盘~
1. 搭建环境：
1.1 Node.js
https://nodejs.org/en/
说明： 下载之后安装，安装过程一直下一步就好了，可能出现不明身份开发者字样，选择仍要安装即可。
1.2 安装Git
https://git-scm.com 这个下载会比较慢 想要的我直接给你我下载好的可以. 安装就一步一步的.
1.3 安装Hexo
https://hexo.io/zh-cn/docs/
// npm安装命令 Node.js里已经包含
sudo npm install -g hexo-cli
// 查看版本, 有版本号代表成功
hexo －v
2. 初始化hexo环境
2.1 切换到你想要安装的目录, 然后进行初始化
hexo init summerxx
2.2 把主题放到themes文件中
2.3 切换到安装目录 , 编辑
vim _config.yml
// 改变主题字段：**hexo-theme-yilia**（主题 名）保存退出
theme: hexo-theme-yilia
2.4 生成静态网页
// 因为你初始化hexo 之后source目录下自带一篇hello world文章, 所以直接执行下方命令
hexo generate
// 启动本地服务器
hexo server
// 在浏览器输入 http://localhost:4000/就可以看见网页和模板了
3. 使用Github Page + Hexo
3.1 修改_config.yml文件
// 文件最下修改如下
deploy:
type: git
repo: https://github.com/summerxx27/summerxx27.github.io.git
branch: master
// 然后执行 hexo generate
3.2 把新生成的public文件中的全部文件上传到你创建好的仓库(在这之前先创建一个名字为 summerxx27.github.io (summer27是我的用户名[必须与用户名一致]))
4. 购买域名 - 解析 - 绑定 - 成功
4.1 创建名为CNAME的文件 必须为这个名字
里边填写你要买的域名比如 summerxx.com
4.2 把这个文件推送到仓库
4.3 买域名(这个去阿里云就可以)
4.4 域名解析: http://summerxx27.github.io(说白了就是域名和ip绑定的一个过程), 所以你要知道你的仓库所对应的ip
在终端 ping一下
ping http://summerxx27.github.io(ping你自己的 O.0) // ip在阿里云控制台就可以进行解析了
之后通过 summerxx.com 就可以访问了, 如图
总结: 到这里基本就结束了, 今天已经很晚了, 有空再补充一些细节. 好梦~
文章参考
- http://theme-next.iissnan.com/getting-started.html#download-next-theme
- https://github.com/litten/hexo-theme-yilia
细节补充---------------------
- yilia主题头像无法显示的问题, 首先设置主题目录的URL(使用微博图床就可以生成一个图片你的url)
- 修改主题文件下 layout/_partial/left-col.ejs的第6行和第8行为：
<img src="<%=theme.avatar%>" class="js-avatar show">
<img src="<%=theme.avatar%>" class="js-avatar show" style="width: 100%;height: 100%;opacity: 1;">
- 小房子点击不好用等等修改可以看这篇
解决办法: http://xingbofeng.com/2016/09/05/hexo+github搭建个人博客/ - 写文章发布
https://hexo.io/zh-cn/docs/commands.html#new
注意: 如果 not found git
// 请执行
npm install hexo-deployer-git --save
- 显示点击阅读更多 more
在需要的位置
// 写上这句
<!-- more -->
- 切记标题 不要加中括号 []
文章到这里基本就结束了 over.
原文链接 : http://summerxx.com/2016/09/11/01/
文 / 夏天然后
End
