Hexo+GitHub+阿里域名搭建自己博客
2018-08-14 本文已影响6人
仕明同学
效果
- 博客的地址：我的博客
-
PC端的效果
PC端的效果
-
手机端效果
手机端效果一
-
手机端效果二
- 最近抽空终于搭建完成，网上的资料很多，这篇文章只记录下遇到的问题，如果你想搭建一个博客！可能对你有些帮助。
- 推广：阿里云代金券
Hexo+GitHub
- 现在网络上很多，有好多的文章写得很好，在这里推荐两篇文章！只要按照这步骤来，基本上都可以完成!没有什么技术的难度，就是体力活☺☺☺
域名
- 域名我是在阿里云上买的 阿里云
-
输入你想要买的域名地址，如图所示!选择一个您觉得合适的域名，加入到清单，然后购买就可以了
域名
-
购买成功了，进入域名控制台
控制台
-
点击解析设置，然后添加记录，就会出现下面的窗口
设置
-
设置值，结果如下
设置结果
- 这个记录值是什么？如图所示，其实就是 ：
https://shimingli.github.io/的ip值，当然你需要设置成你的
image.png
- 这个记录值是什么？如图所示，其实就是 ：
- 设置完成了，还有关键的一步，就是实名认证，认证通过了，域名才可以使用。
GitHub Pages的设置
- 进入到
name.github.io的工程目录下，然后进入到Settings,最后定位到Github Pages的选项,输入你自己购买的域名，我这域名 7块一年，物超所值！
settings
主题选择
- 个人看了几个，我还是比较喜欢这个 Yelee。感觉比较闷骚
git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee
-
使用的步骤建议参考 官方的文档，非常的详细 Yelee 主题使用说明 [简中]
目录结构
-
public:pull到Github -
themes：博客的主题` -
soure：就是文章存放的地方
-
-
然后把
clone的yelee放到themes目录下
image.png
- 在博客的根目录下设置
theme: Yelee
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: Yelee
设置
Hexo 几个常用的命令
hexo generate (hexo g) 生成静态文件，会在当前目录下生成一个新的叫做public的文件夹
hexo server (hexo s) 启动本地web服务，用于博客的预览
hexo deploy (hexo d) 部署博客到远端服务器
hexo new "postName" #新建文章
hexo new page "pageName" #新建页面
- 简写：
$ hexo n == hexo new
$ hexo g == hexo generate
$ hexo s == hexo server
$ hexo d == hexo deploy
- 如果一切配置ok的话，打开http://localhost:4000/ 就可以看到刚才搭建的本地博客了，Hexo会默认生成一个Hello World的博文。
遇到的问题
-
Hexo中的Yelee主题，首页不显示文章,需要把themes中的文件_config.yml的search中的on: true的注释去掉，同时必须注释掉onload，同时需要去安装插件!,然后就可以检索了。
# Local Site Search | 本地站内搜索
## Insatall below plugin to take effect | 使用搜索需先安装对应插件
## https://github.com/PaicHyperionDev/hexo-generator-search
search:
on: true
#onload: false （Hexo中的Yelee主题，首页不显示文章）
## true: get search.xml file when the page has loaded
## false: get the file when search box gets focus
- 文章的多
tags,需要用[]，其中用逗号分隔
---
title: Go语言实现的WebSocket
date: 2018-07-15 16:02:08
tags: [Go,WebSocket]
---
-
md，文件对空格敏感，如图所示，
image.png
- 通过命令
hexo g命令的时候，会报如下的错误
error
- 通过命令
- 关于文章的摘要，需要使用到 <!—- more --> ,具体使用的方式如下
---
title: Go语言实现的WebSocket
date: 2018-07-15 16:02:08
tags: [Go,WebSocket]
---
* 最终的效果如下
<!-- more -->
