Dev  Hexo  1.6k words in 6 min



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


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://blog.flesx.cn/posts/7578.html

博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 ( BY-NC-SA 4.0) 协议

Comment

评论如无特殊原因均不会被删除,请对自己的言论负责。

立即行动吧,未来要自己争取

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