Hexo搭建后如何发布网站GitHubPages、码云

Hexo官网:https://hexo.io/zh-cn/

与Jekyll 一样是一款优秀快速的开源博客框架框架,安装方案参考官网文档,我就不再赘述:https://hexo.io/zh-cn/docs/

同时Hexo也提供多彩的主题下载,官方就有相应的主题模块:https://hexo.io/themes/

第一步:搭建局域网blog

环境介绍

作者使用系统:Deepin Linux 15.3桌面版
软件环境:node+npm

安装Hexo

npm install hexo-cli -g

初始化blog

$ hexo init blog

启动blog

$ cd blog
$ hexo server

至此,本地blog已经创建完成,默认通过127.0.0.1:4000访问,简单到没朋友
如果你不喜欢默认主题,可根据下面介绍换上其他漂亮的皮肤

选择主题

在hexo官网查看自己喜欢的主题
通过git clone [url] themes/xxx 将主题克隆到本地,
修改 _config.yml 中的theme:xxx

以hexo-theme-3-hexo这个主题为例:

先在git BASH控制台进入博客目录,使用git命令下载主题到主题文件夹

git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo

修改hexo根目录的_config.yml,如下:

theme: 3-hexo
如果想更新主题的话也很简单,先进入主题目录然后执行pull命令即可
cd themes/3-hexo
git pull
# 安装后重启服务器 重新渲染页面
$ hexo clean && hexo g && hexo s

常用命令

#创建一个新的文章
$ hexo new "文章名"
#生成静态文件
$ hexo generate
#讲一个草稿发布出去
$ hexo publish [layout] <filename>
#启动一个本地服务器
$ hexo server

更多命令移步官方文档

第二步:搭建github pages

局域网blog已经搭建完成,但是我们想让网上所有人都可以看到我们的文章,怎么办呢?
又不想自己搭建服务器,别急,这时候就轮到github pages出场了

注册github账户

到github官网注册一个github账户

配置SSH登录免密码

许多Git服务器都支持使用SSH公钥进行认证,当然也包括github。
首先你需要确认一下自己是否已经拥有密钥了,默认情况下,用户的 SSH 密钥存储在其 ~/.ssh 目录下。

~即代表用户目录,windows系统的话也在其用户目录内。

进入该目录并列出其中内容,你便可以快速确认自己是否已经拥有密钥:

$ cd ~/.ssh
$ ls
authorized_keys2  id_rsa       known_hosts
config            id_rsa.pub

我们需要寻找一对 id_rsa 或 id_dsa 命名的文件,其中一个带 .pub 扩展名。 '.pub'文件是你的公钥,另一个则是私钥。如果没有找不到这样的文件(或者根本就没有.ssh目录),我们可以通过 ssh-keygen 程序来创建它们。

#邮箱可以随便填
$ ssh-keygen -t rsa -C "xx@xx.com"

先 ssh-keygen 会确认密钥的存储位置和文件名(默认是 .ssh/id_rsa),然后他会要求你输入两次密钥口令,留空即可。所以一般选用默认,全部回车即可。

接下来我们登陆到GitHub上,右上角小头像->Setting->SSH and GPG keys中,点击new SSH key
Title:可以随便填写,但最好起的名字能让自己知道这个公钥是哪个设备的。
Key:将上面生成的.pub文件中的所有内容复制到这里。
点击下面的Add SSH key即可。
然后你就会发现可以免密码访问了。

如果服务端是自己搭建的git服务器,生成密钥公钥对的步骤是一样的。
然后将生成的 .pub 文件内容,导入到git服务器 /home/git/.ssh/authorized_keys 文件内,一行一个。
然后你就会发现git push 不再需要密码了

以上是其中一种连接方式,当然您使用HTTPS方式连接也可以,无需密钥但是首次使用可能需要密码。

创建github远程仓库

在github上创建一个仓库 xxx.github.io xxx为自己的github用户名

配置Hexo

修改 _comfig.yml,xxx为你的用户名,前一个是SSH方式,后一个是HTTPS:

deploy:
   type: git
   repo: git@github.com:xxx/xxx.github.io.git
   branch: master
deploy:
  type: git
  repo: https://github.com/xxx/xxx.github.io.git
  branch: master

注意上述配置文件中:后面有空格。

安装git部署插件

$ npm install hexo-deployer-git --save

推送服务器

$ hexo deploy
或者简写
$ hexo d

最后访问xxx.github.io就可以测试你的网站咯!

文章参考:

https://www.jianshu.com/p/50e796e038cb

https://www.jianshu.com/p/3f2fe426edff

码云方法同理,可参考:https://blog.csdn.net/wrp0101/article/details/79139996

本文 暂无 评论

Top