前言
有朋友问我博客系统的搭建。由于我在做开发相关的工作,所以我推荐他使用 gh-pages 服务来建立个人博客。
推荐理由:
免费:gh-pages服务免费,300MB空间;开源:由于开源rsa 注册机,参与的人很多,自然技术支持很好。方便:博客完全托管在网站上,基本不需要花时间去管理,博客使用语法,上手容易。
你需要知道的(更好地掌握它):
目前在互联网上搭建博客系统使用最多的是Hexo和Hexo。
Hexo 是基于开发的,基于 Ruby。
通过两个系统的使用对比,个人比较喜欢Hexo,所以本文介绍Hexo搭建博客。如果你对它感兴趣,你可以自己学习它。
安装 Git 客户端
已安装的用户跳过
下载Git客户端:下载地址安装Git客户端:用户只需Next即可。Mac和Linxu系统的用户可以通过命令安装,这里不再详述。登记
老用户和注册用户跳过
打开官网:如何搭建·填写注册信息进行注册操作:未登录的用户打开网站首页会显示注册操作(如图),或者点击注册按钮进入注册详情页面。
填写注册信息并点击注册按钮后,下一步是选择协议部分。根据自己的情况选择相关协议,一般人选是免费的。创建仓库登录账号:点击首页的登录按钮,进入登录页面。填写用户名或电子邮件地址和密码,然后单击登录按钮登录。
单击创建存储库:单击登录用户图像左侧的 + 和向下三角形按钮。
填写创建仓库信息:
仓库名必须是用户名..io(别问我为什么,人家是这么规定的),比如我的用户名是..io。
填写相关信息,点击(创建仓库)按钮。配置 SSH
资深用户和配置用户跳过
打开Git Bash终端:在桌面右击,会出现“Git Bash here”选项,点击。
设置用户名和邮箱:
$ git config --global user.name "你的GitHub用户名"
$ git config --global user.email "你的GitHub注册邮箱"
生成 ssh 密钥:输入以下命令
$ ssh-keygen -t rsa -C "你的GitHub注册邮箱"
一般情况下是不需要密码的,接下来直接回车即可。
此时用户文件夹下会有一个新的文件夹.ssh,里面有刚刚创建的ssh密钥文件和.pub。
注意:该文件为私钥,请妥善保管。.pub 是公钥文件。将公钥添加到:
点击用户头像,然后点击出现的(设置)选项;
在 User 选项卡中rsa 注册机,单击 SSH and GPG keys 选项,然后单击 New SSH key 按钮;
将.pub的内容复制到Key文本框中,然后点击Add SSH key按钮;
测试 SSH:
$ ssh -T git@github.com
接下来将出现以下确认消息:
The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 17:24:ac:a5:76:28:24:36:62:1b:36:4d:eb:df:a6:45.
Are you sure you want to continue connecting (yes/no)?
输入是,然后按 Enter。
然后显示以下信息就OK了(也就是用户名)。
Hi SeayXu! You've successfully authenticated,
but GitHub does not provide shell access.
以上是准备工作。
创建本地存储库
打开 Git Bash 终端并等待命令执行。
新建一个仓库文件夹:这里命名为blog。
$ mkdir blog
转到博客文件夹:
$ cd blog # 切换到blog目录
初步了解 Hexo
如果没有安装,请先安装,官网;
以下操作在 blog 文件夹中。
安装 Hexo
$ npm install hexo-cli -g
全局安装一次hexo就够了rsa 注册机,以后可以直接使用hexo相关的操作。
初始化 Hexo
$ hexo init
安装依赖项
$ npm install
启动 Hexo
$ hexo server
启动后,打开浏览器,在地址栏输入::4000,就会看到Hexo的示例页面。
注意:此时可以初始化git本地仓库,也可以等待本地博客搭建完成。
再次探索 Hexo
新文章:
$ hexo new
此时文件夹中会多出一个文件“title.md”。
如果要删除,可以直接在这个文件夹下删除对应的文件。
生成静态页面
$ hexo generate
生成的静态内容在文件夹内。
清除生成的内容
$ hexo clean
这样做将删除文件夹的内容。
部署 Hexo
$ hexo deploy
该操作会将hexo生成的静态内容部署到配置好的仓库中,请看下面的介绍。
部署 Hexo
编辑配置文件以关联远程存储库:
在编辑器中打开Hexo配置文件**.yml**,发现如下:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
添加仓库信息:
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:SeayXu/seayxu.github.io.git #github仓库地址
branch: master # github分支
注意:type、repo前面有两个空格,后面有一个空格:
安装 git 插件
npm install hexo-deployer-git --save
如果没有安装git插件,会有错误提示,安装后重新部署即可。
部署
$ hexo deploy
如果没有意外,部署成功,可以打开教程用Hexo从零开始搭建博客(一)——有注册和配置..io视图。
hexo 命令缩写
hexo命令组合
hexo clean && hexo g -s,就是清除,生成,启动
hexo clean && hexo g -d 是清理、生成、部署
本文简单介绍了Hexo的部署,下一篇将介绍Hexo的相关配置。
【Hexo博客交流群】
组号:
发表评论