使用Coding Pages搭建免费Hexo博客(2)

2020-05-01 Dev Hexo
Cover Image

本文最后更新于 天前,文中部分描述可能已经过时。



抱歉,截图不小心被我删了,本文图片已删除


Coding 配置

Coding Pages需要实名认证,可以用支付宝认证

Coding官网网址

注册

进入Coding官网

点击免费注册,出现这个界面

输入团队名称、登陆地址,勾选我已阅读并同意Coding服务协议,点击下一步

然后输入姓名、手机号、密码、邮箱(推荐使用常用邮箱)

点获取验证码

输入验证码后点击完成注册

然后登录…(后面忘记了,我没有第二个手机号可以注册)

注册成功后是这个亚子(我已经创建好博客了),默认有一个示例项目

创建项目

点全部项目

点击新建项目

这里一定要选择 DevOps(我之前选代码托管项目,里面没有静态网站这个选项)

只需要填写项目名称,点击创建项目会自动填写项目标识

一定勾选上启用 README.md 初始化项目,要不然不能创建静态网站(等一下 Hexo 上传上来的时候会删掉README.md,如果你想启用,等一下会说)

创建网站

这是项目界面

点击持续部署 -> 静态网站,点击立即创建静态网站

填写网站名称就可以了

Coding会给你随机生成一个二级域名,支持绑定自定义域名

点击右上角设置

划到下面,开启强制 HTTPS

这样就创建好你的网站了!

部署

引用官方介绍:

Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。

1
hexo deploy

简写为 hexo d

在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,例如:

1
2
deploy:
type: git

您可同时使用多个 deployer,Hexo 会依照顺序执行每个 deployer。

1
2
3
4
5
deploy:
- type: git
repo:
- type: heroku
repo:

有关更多部署插件,请参阅 插件 列表。

缩进

YAML依靠缩进来确定元素间的从属关系。因此,请确保每个deployer的缩进长度相同,并且使用空格缩进。

Git

  1. 安装 hexo-deployer-git
1
npm install hexo-deployer-git --save
  1. 修改配置。
1
2
3
4
5
deploy:
type: git
repo: <repository url> # https://bitbucket.org/JohnSmith/johnsmith.bitbucket.io
branch: [branch]
message: [message]
参数描述默认
repo库(Repository)地址
branch分支名称gh-pages (GitHub) coding-pages (Coding.net) master (others)
message自定义提交信息Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}
token要通过repo进行身份验证的可选令牌值。前缀为 $ 以从环境变量中读取token
  1. 生成站点文件并推送至远程库。执行hexo clean && hexo deploy

  2. 登入 Github/BitBucket/Gitlab,请在库设置(Repository Settings)中将默认分支设置为_config.yml配置中的分支名称。稍等片刻,您的站点就会显示在您的Github Pages中。

这一切是如何发生的?

当执行 hexo deploy 时,Hexo 会将 public 目录中的文件和目录推送至 _config.yml 中指定的远端仓库和分支中,并且完全覆盖该分支下的已有内容。

For 使用 Git 管理站点目录的用户

由于 Hexo 的部署默认使用分支 master,所以如果你同时正在使用 Git 管理你的站点目录,你应当注意你的部署分支应当不同于写作分支。
一个好的实践是将站点目录和 Pages 分别存放在两个不同的 Git 仓库中,可以有效避免相互覆盖。
Hexo 在部署你的站点生成的文件时并不会更新你的站点目录。因此你应该手动提交并推送你的写作分支。


Coding部署使用Git。

回到上篇

1
2
3
4
5
6
# Deployment 部署
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:
repo:
branch:

type 填 Git

1
type: git

下一项: repo

打开项目

选择SSH,然后点击右边的复制按钮

把复制下来的东西粘贴到 repo 那里

1
repo: git@e.coding.net:<your-username>/<your-repo>.git

下一步:打开命令行,输入

1
ssh-keygen -t rsa -C "<your-email>"

<your-email> 替换成你的邮箱(其实也不一定要替换成邮箱,替换成你想要的东西都可以,-C 参数是备注,即 comment)

会显示这些:

Generating public/private rsa key pair.
Enter file in which to save the key (/home/you/.ssh/id_rsa):

直接回车,然后又出现

Enter passphrase (empty for no passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]

连续回车两次,终于成功:

Your identification has been saved in /home/you/.ssh/id_rsa.
Your public key has been saved in /home/you/.ssh/id_rsa.pub.
The key fingerprint is:
此处是密钥内容 你的邮箱


打开你的个人文件夹,里面多了一个 .ssh 文件夹

用记事本打开里面的 id_rsa.pub

里面的内容是以 ssh-rsa 开头,以 你的邮箱 结尾

Ctrl+A Ctrl+C 复制里面的内容


回到浏览器里,打开你的项目

划到项目页面右上角头像上面,点击个人设置

点击左边SSH公钥,点新增公钥

把复制下来的内容粘贴到公钥内容里面,勾选永久有效,点击添加

添加成功!

然后在命令行里输入

1
ssh -T git@e.coding.net

如果出现这些东东,就说明配置成功了

Coding 提示: Hello Flexiston, You’ve connected to Coding.net via SSH. This is a personal key.
Flexiston,你好,你已经通过 SSH 协议认证 Coding.net 服务,这是一个个人公钥.
公钥指纹:你的公钥指纹


再下一项:branch 分支,填写 master

1
branch: master

完整的 deploy 配置如下:

1
2
3
4
5
6
# Deployment 部署
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@e.coding.net:<your-username>/<your-repo>.git
branch: master

token 没必要配置


输入

1
hexo g && hexo d

就把你的博客推送到Coding上面去了

访问Coding给你的网址,就可以看到你的Blog啦!

更换主题

如果要更换主题的话…

先到官网找一款你喜欢的主题,有304款主题,一定有你喜欢的

比如我用的是 Volantis

在根目录_config.yml里把 theme: landscape 换成你要用的主题名称,然后按照主题文档配置就可以了

Volantis文档


本文会持续更新,目前就暂时到这里了,如果有疑问、没讲准确等等问题,欢迎留言告诉我哦

( ̄‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‍‍‌‌‌​‌‌‍‍‍​‍‌‍‌​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‌‌‌‌‌​‍‍‍‌‌​‍‍‌‌‌​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‍‍‌‌‌​‍‌‌‌‌​‌‌‌‌‌​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‌‍‍‍‍​‌​‌‍​‌‌‍‌​‌‍‌‌​‌​‍‌‌‍​‌‌​‌‌‌​‍​‍‍‍​‍‌​‌‍‍‌‍​‍‌‍‌​‍‍‍​‍‍​‍‌‌‌‍​‌‍‍‌‍​‌‌‍​‌‌‌‌‍​‌‌‍‌​‌‌‌‌‌​‍‌‍‌​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‍‍‍‍‍​‍‍‍‍‍​‌‌‌‌‌​‌‌‍‌​‌‍‌‌​‌​‍‌‌‍​‌‌​‌‌‌​‍​‍‍‍​‍‌​‍‌‌‌‍​‌‍‍‌‍​‌‌‍​‍‍‌‌‌​‌​‍‌‍‌​‌‌‍‌​‌‍‍‌‍​‌‌‍​‌‌‌‌‍​‌‌‍‌​‌‌‌‌‌​‍‌‍‌​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‍‍‍‍‍​‍‍‍‍‍​‌‌‌‌‌​‌‍‍‌‍​‌‌‍​‌‌‌‌‌​‌‌‌‌‍​‍‍‍‍‍​‍‌‍‌​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‌‍‍‍‍​‍‍‍‍‍​‌‌‍‌​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‌‌‌‌‌​‍‌‌‌​‍‍‍‍‌​‌‍‍‌‍​‌‌‍​‌‌‌‌‌​‌‌‌‍‍​‌​‌‌‍‌​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‌‌‍‌​‍‌‌‌‌​‍‌‍‌​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‌‌‍‌​‍‍‌‌‌​‍‌‌​‍‌‌‌‍​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‍‍‌‌‌​‌‌‍‍‍​‌‍​‌‍‍‌‍​‌‌‍​‌‌‌‌‌​‌‌‌‍‍​‍‌‌‌​‍‌‌‌​‌‍‍‌‍​‌‌‍​‍‍‍‍‌​‍‌‌‌‌​‍‌‌‌‌​‌‌‌‌‍​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‍‌‌‌​‍‌‌‌‌​‌‌‌‌‍​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‍‌‌‌​‍‌‌‌​‌‌‌‌‌​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‌‌‌‌‌​‍‍‍‌‌​‍‍‌‌‌​‌‍‍‌‍​‌‌‍​‌‌‌‌‌​‍‌‌‌​‌‌‌‌‌​‍‍‌‌‌​‌‍‍‌‍​‌‌‍​‌‌‌‌‍​‌​‌‌‌‍‍​‌‍​‌‍‍‌‍​‌‌‍​‍‌‌‌‌​‍‍‌‌‌​‌‌‍‍‍​‌‍​‌‍‍‌‍​‌‌‍​‌‌‌‌‌​‌‍‍‍‍​‌‌‌‌‍​‌‍‍‍‍​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‍‌‌‌​‍‌‌‌​‍‍‍‌‌​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‌‌‍‌​‍‌‌‌‌​‍‌‍‌​‌‍‍‌‍​‌‌‍​‍‍‍‌‌​‌‌‍‌​‍‍‌‌‌​‍‌‌︶ ̄)↗

本文作者:Flexiston

本文链接: https://flexiston.com/posts/7578.html

Dev Hexo

评论

✨ Flexiston 的快递已送达 🛴点击签收