前言
这里需要用到的产品(算是产品吧)有:git 、github、hexo
Step.1 - github注册一个账号
就直接上github官网注册一个账号,名字找一个记得住别太长的,常用英文网名就行。
注册完成后直接点这个绿色的create repiository
, 新建一个仓库
之后注册一个属于你自己的库。(注意,库的名字要和账户名一致!)
默认的域名是http;//你的网名.github.io/,如果想要一个特别的域名,可以买一个域名,并在setting里面绑定就可以了。
这样,就完成了注册。
Step.2 - 装一个用来提交的git
2.1 - 安装git
好像Linux自带了些能够直接git的操作,Windows的话还是下载安装一个git比较方便,具体的下载安装可以参照git官网。
然后说一下安装git时候的一些小问题吧,大概缕了一下他们之间的关系 :
bash是一种shell ,git shell 是安装了git的shell
git bash中输入
git version
可以查看到版本
2.2 - 开始SSH授权
成了密钥和公钥
打开git bash,输入ssh-keygen -t rsa
,接着回车三下。用户目录中生成了密钥id_rsa和公钥id_rsa.pub这两个文件。
找到id_rsa.pub文件
想要找到ssh文件夹下的id_rsa.pub文件,只需要在终端中输入:open ~/.ssh
就会在自动弹出ssh文件,再选择id_rsa.pub文件即可
本地密钥和公钥配对
然后从gitbub中的setting找到SSH and GPG keys。记事本打开id_rsa.pub,复制其中的全部内容,添加到GitHub上,这样本地的id_rsa密钥就可以和GitHub上的id_rsa.pub公钥进行配对,授权成功。
完成提交
测试一下
在bash终端键入ssh -T git@github.com
进行测试。
显示返回Hi username !You’ve successfully…说明成功进入:
Step.3 - 设置本地博客的配置
3.1 - 安装hexo
从电脑中找一个合适的位置下载安装hexo。我选了桌面新建一个hexo文。比如进入
cd /Users/**USERNAME**/Desktop/hexo
,
输入npm install -g hexo
安装hexo即可注:若发现有网速过慢无法下载的现象,考虑更换镜像。
- npm换源成淘宝镜像:
npm config set registry https://registry.npm.taobao.org
- 之后再运行
npm install -g hexo
安装hexo即可安装完成后,键入
npm install hexo --save
,再输入hexo v
查看是否成功安装,如下显示则说明成功了。
3.2 初始化hexo
- 输入
hexo init
实现初始化 - 再键入
hexo s
这时候我们从浏览器了,在地址栏中输入http://localhost:4000/
可以看到刚刚建好的博客(点此自动跳转上述网址)
若提示
(node:10825) ExperimentalWarning: The fs.promises API is experimental
等报错
说明node的版本不是最新的,而在项目引入的模块是最新的,node.js的版本低于模块的版本。更新即可。可参考如下指令酌情使用:
- 检查 Node的当前版本,使用命令:
node -v
- 清除npm cache:
sudo npm cache clean -f
- 安装n模块:
sudo npm install -g n
- 安装最新的稳定版本:
sudo n stable
- 查看Node的版本,检查升级是否成:
node -v
若网页如下显示正常打开,说明搭建已完成。
多说一句
在之前新建的hexo文件夹中:
- source/_posts文件夹,存放了初始化文章
- theme文件,为主题文件夹
- _config.yml文件为配置文件
如果要上传项目,打开配置文档_config.yml,对它里面的
Deployment
项做如下修改:# Deployment ## Docs: https://hexo.io/docs/one-command-deployment deploy: type: git repository: git@github.com:TypicalSpider/TypicalSpider.github.io.git branch: master
截图如下
提示:
repository
后面的内容是 `git@gitbub.com:USERNAME/库地址
type、repository、branch冒号的后面都有一个空格
如果要添加新的文章,可以在终端键入
hexo new 'filename'
,这样会生成一个新的.md文件,对它编辑即可。
最后安装Git部署插件,输入命令:
npm install hexo-deployer-git --save
上传markdown代码。回到命令行窗口,输入
npm install hexo-deployer-git --save hexo g hexo d
即可将public中新增的代码上传(hexo d 就是部署网站命令,d是deploy的缩写),同时在GitHub上也可以看到刚才上传的代码。
别人也可以通过域名(地址栏输入http://用户名.github.io )访问新建的博客。
查看效果如下