使用Coding(腾讯云开发者平台) 搭建 Hexo 博客程序

Author Avatar
IDforHYIT 4月 16, 2019

本页面访问量

  • 在其它设备中阅读本文章

目前博客托管在俩个平台了,同步更新,嘻~

  # 目前博客镜像地址
  https://idforhyit.coding.me/
  # or
  https://idforhyit.github.io/

前因

因为之前博客托管在github.io上,访问速度被吐槽过,加上最近github.io的域名集体被某讯列为危险网址,拦截访问,故之前就已将博客镜像备份到coding列到日程,至于为什么选择coding.io,国内访问快啊、免费啊

Hexo 简介

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

准备工作

  • Coding (腾讯云开发者平台)账号 官网
  • 本地 Node.js,npm(安装 Node 自带)环境 官网
  • 本地 Git 环境 官网

  • Hexo 官方文档 官网

安装

Coding 操作

  • 到 Coding 上新建项目,右上角 + 号 -> 项目
  • 项目名称 username,项目地址 username.coding.me
  • 勾选 启用 README.md 文件初始化项目
  • 代码 -> Pages 服务,进行勾选同意

注意,这里有个重要点,如果你的项目名跟你的账户用户名一样;那你访问地址可以直接忽略项目进行访问,不会带有项目名;
一样的访问结果:IDforHYIT.coding.me
不一样的访问的结果(test是项目名):IDforHYIT.coding.me/test

本地操作

  • 下载安装 Hexo ,执行命令:
npm install hexo-cli -g
  • 安装完了,可以 hexo -v 查看版本
  • 创建一个文件夹,例如 hexo
  • 进入文件夹中进行初始化
hexo init

初始化完了以后,我们本地测试下是否搭建成功,运行后访问:http://localhost:4000

hexo s
  • 修改 _config.yml
deploy:
  type: git
  repo: # 同时部署coding
    coding: [email protected]:username/username.git    # 自行更改username
branch: master

配置 SSH 公钥

  • 因为要提交 git,在 coding 中需要配置项目的公钥;具体可以查看官网教程
# 测试
ssh -T [email protected]

推送项目

  • 都部署完了以后,进行推送我们的项目到 Github 、 Coding 上
hexo clean && hexo g -d

访问网站

Coding

附1:Hexo常用命令

# 发布上线博客文章
hexo n ""

# 执行以下命令预览当前主题
hexo clean && hexo s

# 部署的hexo网站目录下
hexo clean
hexo g -d
# or 
hexo clean && hexo g -d

附2:Markdown语法

https://github.com/younghz/Markdown

This blog is under a CC BY-NC-SA 3.0 Unported License
本文链接:https://idforhyit.github.io/2019/04/16/blogs-on-coding-notes/