本文介绍使用Github和hexo建立个人博客的方法,通过Hexo生成静态网页托管到Github上.
Hexo是一个博客框架,使用markdown解析文章.
本文介绍的方法,需要安装nodejs和git.
文章目录
1.购买域名
搭建个人博客网站的时候,希望拥有一个属于自己的独特网址,这就需要购买域名。购买域名通过阿里云就可以购买,购买链接。
现在域名的种类比较多,有.com、.cn、.cc、.site 、.top、.me等等。最主流的肯定是.com后缀的域名。但是现在.com后缀的域名被注册得比较多,很难注册到自己满意的域名。另外.com域名价格也会比较贵,我看了一个自己想要的域名,价格2800多,直接放弃。最后我注册了一个.site后缀的域名。具体选择什么样的域名,自己购买的时候多查询一下,选择一个自己满意的就可以了。
购买域名这里也要稍微折腾一下,需要建立信息模板,验证邮箱、实名制验证等。
2.通过Github建立个人仓库
如果没有github帐号,需要注册一个github帐号,网址。
下面就是通过github建立一个仓库。新建repository的名字命名必须为:用户名.github.io 。这样的命名之后才能用于建立个人博客。例如,我的github用户名为"yuanliang861",那么我的repository的名字如下。
3.Nodejs安装
可以考虑用命令安装,下面是命名。但是安装的版本实在太老了。
sudo apt-get install nodejs-legacy
sudo apt-get install npm
因为安装版本太老,所以我去官网下载二进制安装包,通过官网的教程安装。
4.Hexo安装
Hexo安装可以直接查看说明书,地址。
使用以下命令安装Hexo
npm install -g hexo-cli
安装的时候出现了权限问题
这里安装官网给出的方法解决,下面两个链接给出了解决方法。
https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally
https://juejin.im/post/5d31ebbf51882526ae230523
修复了这个问题之后,再使用上面给出的npm安装命令就可以实现安装。
安装完成之后,需要指定一个文件价用做Hexo的工作空间。
hexo init <blog-name>
cd <blog-name>
npm install
这里指的是文件夹的路径,运行完以上命令之后,会在文件夹下面生成一些文件。
|--- node_modules
|--- scaffolds
|--- source
|--- _drafts
|--- _posts
|--- themes
|--- _config.yml
|--- package.json
|--- package-lock.json
这里,_config.yml是博客网站的配置文件,source文件夹是存放用户资源的地方,其中的_post文件是存在markdown文件的地方。theme文件夹是用来存放主题的地方。
5.安装配置github
使用下面的命令查看是否已经安装了git
git --version
如果没有安装就安装一下。
配置github
git config --global user.name "自己的github用户名"
git config --global user.email "自己的github注册邮箱"
创建公匙
输入以下命令,然后连按三次回车键,完成.
ssh-keygen -t rsa -C "你的GitHub注册邮箱"
之后,会在~/.ssh/文件夹下创建密匙,即 ~/.ssh/id_rsa_pub .复制文件下的全部内容.
打开github添加ssh kye页面,点击'New SSH key'新建SSH key. 这里Title自己取,key就是~/.ssh/id_rsa_pub文件下的全部内容.
可以使用一下命令查看公匙是否添加成功.
ssh git@github.com
从这里看出已经创建成功.
Hexo将静态页面部署到github
打开自己设置的Hexo的博客文件夹,打开 _config.yml文件,在最后添加以下内容:
deploy:
type: git
repository: git@github.com:username/username.github.io.git
branch: master
这一步的目的是给hexo d 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,这里就是部署到github仓库里.
安装部署插件
npm install hexo-deployer-git --save
这时候,输入下面三条命令,完成最终部署.
hexo clean
hexo g
hexo d
6.将自己的域名和github博客页面绑定
这里需要分两步进行,首先去到阿里云,对自己的域名进行解析,也就是绑定到github.第二步是在github仓库中添加自己的域名.这个很好理解,就是双方都确认才有效.
登录阿里云,点击解析,对域名进行解析.
这里需要添加三条记录,其中两条A指向的ip地址是Github Pages提供的,这个是github确定的,大家都是一样的.
192.30.252.153
192.30.252.154
另外一条是CNAME类型的,主机记录输入www.对应的记录值是自己的仓库地址:username.github.io
完成域名解析后,登录github,进入自己之前建立的仓库.点击 Settings进入设置.在option选项下面,向下拉可以看到Custom domain这个选项,将自己申请的域名输入进去,点击保存就可以.这里输入域名的时候,不要输入www,因为输入www后每次进入就必须输入www才能访问,不输入www前缀,访问的时候输入了www仍然可以访问.
完成绑定后,还需要在自己本地设置域名地址.
在自己的博客文件下,已经有source文件夹,这个文件夹下创建一个文件,命名为CNAME,不需要后缀.文件中输入自己的域名.完成绑定.
完成这些设置就可以通过自己申请的域名访问博客了.
参考文章
ubuntu+github+hexo搭建个人博客
GitHub+Hexo 搭建个人网站详细教程
hexo超完整的搭建教程,让你拥有一个专属个人博客
如何搭建一个独立博客——简明Github Pages与Hexo教程
GitHub Page+Hexo+nexT 搭建个人博客