github 我的博客搭建

时间 2020-07-17

标签 github 我的博客搭建栏目 Git 繁體版

原文原文链接

github 我的博客搭建

系统环境配置：

要使用Hexo，须要在你的系统中支持Nodejs以及Git，若是尚未，那就开始安装吧！html

1.安装 node.js
下载地址 node.js
直接双击下载下来的msi文件，一路下一步就ok了，安装完以后调出命令行或者node命令输入终端，输入node -v看到版本信息就代表安装成功了。若是不会就参考node.js安装
2.安装 git
下载地址 git下载
直接双击下载下来的git安装程序，同node安装，安装完以后右键发现多了两个Git GUI Here 、Git Bash Here，点击后者，而后输入git --version出现版本信息就代表安装成功了。
3.注册 github帐号
github 官网 github

git 链接github配置：

配置SSH key：

为何要配置这个呢？由于你提交代码确定要拥有你的github权限才能够，可是直接使用用户名和密码太不安全了，因此咱们使用ssh key来解决本地和服务器的链接问题。node

#检查本机已存在的ssh密钥
$ cd ~/. ssh

若是提示：No such file or directory 说明你是第一次使用git。git

#生成 ssh key
ssh-keygen -t rsa -C "邮件地址"

而后连续3次回车，最终会生成一个文件在用户目录下，打开用户目录，找到.ssh\id_rsa.pub文件，记事本打开并复制里面的内容，打开你的github主页，进入我的设置 -> SSH and GPG keys -> New SSH key：

将刚复制的内容粘贴到key那里，title随便填，保存。github

测试是否成功：

$ ssh -T git@github.com  # 注意邮箱地址不用改

若是提示Are you sure you want to continue connecting (yes/no)?，输入yes，而后会看到：shell

Hi liuxianan! You've successfully authenticated, but GitHub does not provide shell access.

看到这个信息说明SSH已配置成功！如图所示：
express

此时你还须要配置：npm

$ git config --global user.name "hadoopBeginner" #你的github用户名，非昵称
$ git config --global user.email "xxx@qq.com" #填写你的github注册邮箱

搭建我的博客

安装 hexo：

1. 安装淘宝源的cnpm
选装cnpm。因为npm速度有时候使人堪忧，因此建议安装淘宝源的cnpm，在git bash中输入下面整段
```
alias cnpm="npm --registry=https://registry.npm.taobao.org \
--cache=$HOME/.npm/.cache/cnpm \
--disturl=https://npm.taobao.org/dist \
--userconfig=$HOME/.cnpmrc"
```
安装完以后验证，输入：cnpm info express,若出现一大堆信息则代表成功了。api
2. 安装 hexo 命令缓存
```
$ cnpm install -g hexo
```
在这里会有一段时间等待，请稍等安全
3. 安装我的博客
进入到你本地的博客存放路径，例如 F:\hexo\blog
```
# 进入本地博客存放目录
$ cd f:
$ cd hexo/blog/
# 初始化 我的博客
$ hexo init #等待一段时间
```
初始化完成之后，会生成如下目录：
```
$ hexo g
生成静态网页
$ hexo s
执行完之后，你就能够去打开 http://localhost:4000/  看本地版的博客效果了。
```
修改主题：

我的比较喜欢 next 这款主题。基本呢就是这个效果我的博客

下载主题：
```
$ hexo clean
$ git clone https://github.com/iissnan/hexo-theme-next.git themes/next
```
启动主题：

1. 修改Hexo目录下的_config.yml配置文件中的theme属性，将其设置为next
1)请确保您使用的是Hexo 3（或以上）
2)next.yml在站点的source/_data目录中建立一个名为（建立_data目录，若是它不存在）
3)复制不管是在网站的下一个主题选择_config.yml和主题的_config.yml进入next.yml。
4)使用--config source/_data/next.yml参数启动服务器，生成或部署。
5)例如：hexo clean --config source/_data/next.yml && hexo g --config source/_data/next.yml

2.生成静态页面

hexo clean --config source/_data/next.yml && hexo g --config source/_data/next.yml
#本地 预览
hexo s

错误：找不到模块'hexo-util' 问题，请检查您的NPM版本。

1)仍然没有工做。请删除node_modules目录并从新安装使用cnpm install。
2)请hexo-util明确经过cnpm install --save-dev hexo-util您的网站包装代码。

部署到GitHub上：

修改站点目录的 _config.yml 文件，在最后添加

deploy:
  type: git
  repo: git@github.com:hadoopBeginner/hadoopbxxxxxxxxxxx #这里填你本身的github地址
  branch: master

而后在命令行中执行

#提交到github
$ hexo d
#注意须要提早安装一个扩展：
$ cnpm install hexo-deployer-git --save

到此呢，你的博客基本就搭建完毕了。

博客外部插件：

这个是我的博客的第三方插件，一个博客搜索插件，一个评论插件。

搜索插件 algolia：

1) 注册帐号 algolia
2) 登录，进去建立一个索引，如图：
3) 建立一个api key，并赋予增删的权限，如图所示：

并赋予 add records,delete recourds,list indices,delete index 4个权限，如图所示：
4) 而后编辑配置文件，首先是 next 目录下的 _config.yml：
```
将 # Algolia Search 下的
algolia_search:
enable: true  ---改成true
```

5) 而后修改站点目录下的 _config.yml：
最后增长：

#站内搜索：
algolia:
applicationID: 'ZMNZVONxxx'   #Application ID 对应的值
apiKey: 'a3b6cc86714b99e25e614968b07xxxxx'   # 这里填你新建的 api key 对应的值
indexName: 'bigDataBeginner'  #这里填你  建立的索引名称
chunkSize: 5000    #这个值不动

6) 执行命令，将文章列表同步到 algolia：

$ export HEXO_ALGOLIA_INDEXING_KEY=a3b6cc86714b99e25e614968b073f442   # key值对于你新建 api key的值
$ hexo algolia

若是报错执行 hexo clean 后，重试。而后预览。

评论插件来必力：

1) 注册帐号来必力
2) 登录，绑定本身博客地址。如图所示：
3) 复制本身地址对应的id值。如图所示：
4) 编辑 next 目录下的 _config.yml 配置文件：
修改下面一行：
```
livere_uid: "MTAyMC8zMjg2xxxxxx"  ---这里填入你复制的id值
```
清空缓存，从新生成静态页面预览就看到效果了。

Hexo经常使用命令：

$ hexo clean 清除本地缓存
$ hexo g # 或者hexo generate，生成静态页面
$ hexo s # 或者hexo server，能够在http://localhost:4000/ 查看
$ hexo new "postName" #新建文章
$ hexo new page "pageName" #新建页面
$ hexo d  # 代码同步到github上

好了，本文到此结束。你博客搭建好了吗?

github 我的博客搭建