Hexo 和 GitHub Pages,以及从 coding.net 到 dev.tencent

文/Kr

就在刚刚,敲 Hexo g -d 后出现了这个画面。这是我的小确幸。与你分享。

Merry Christmas

[Merry Christmas Mr. Lawrence - 坂本龍一]

2018 年 12 月 25 日 北京


0. Windows 10 下,打开 D:\Blog,鼠标右键 - Git Bash Here,敲 hexo n 'Hexo 和 GitHub Pages,以及从 coding.net 到 dev.tencent'

事情是这样的。

有一天闲来无事,用 Hexo 框架在 GitHub 上搭了个博客,输出了几篇质量低劣的 GitPython 学习笔记。

又有一天,机缘巧合,知道了一个代码托管网站 coding.net,然后把 GitHub 上的东西放了上去。

然后,再有一天,出现了一个通知:

image

简单概括一下就是,Coding.net 用户可以无条件转移到腾讯云开发者平台(dev.tencent.com),并可以永无宁日地折腾下去……

于是,我又开始折腾了……

〇、把 Hexo 送往 GitHub Pages 前的那些日子

GitHub Pages 本身就是个博客服务,框架是 Jekyll(Hexo 之外的一种博客框架,另一种比较流行是 Hugo)。

初步博客搭建操作步骤如下:

- 注册 GitHub 就不说了。新建一个仓库 Repository,命名为:***.github.io,比如我的是:robotskr.github.io;
- 打勾 “Initialize this repository with a README”;
- 点击“Create repository”。

完。接着就,是 Hexo 了。

Hexo 是一个流行的博客框架。它能把本地文件里的内容生成出静态网页,然后我们再把网页 push 到 GitHub 那个刚刚新建的仓库里,在 GitHub Pages 那里,与君共赏。

Hexo is a fast, simple & powerful blog framework powered by Node.js.

a) 基于以上,我们需要安装:GitNode.js

- Git 去往 https://nodejs.org/en/;
- Node.js 去往 https://git-scm.com/ ;
- 我用的是 Windows 10 系统,所以安装非常简单:前往 Git 和 Node.js 官网,下载最新的 .exe 文件,在本地磁盘双击文件,不断地“下一步(Next)”就可以了。

b) 然后,安装 Hexo 的话就要用到命令行。

因为已经安装了 Git,所以在电脑任意“空白”处右键 - Git Bash Here - 敲 npm install -g hexo-cli - 回车。

完。再接着,是创建本地博客。

- 选择一个本地磁盘,如 D 盘;

- 创建一个新文件夹,如 Blog;

- 进入文件夹,或者鼠标右击 Blog 文件夹 - Git Bash Here - 敲hexo init // 初始化 Blog 文件夹为一个博客文件夹;

- 如果出现提示 WARN Failed to install dependencies. Please run 'npm install' manually!,那么继续敲 npm install

- 继续敲 hexo g // g = generate,生成本地静态网页;

- 继续 hexo s // s = server,g 成的网页进入本地服务器(server);

- 浏览器访问 ,就可以看到一个 Hello World 博客;

- 回到 Git Bash,敲 Ctrl+C 结束。

完。最后,是尝试发布一篇新文章。

- 接上面继续敲 hexo n 'This is My First Post.' // n = new,“新建”的意思;“This is My First Post.” 是文章标题,你随意哈;

- 用文件编辑器编辑文件 D:\Blog\source_posts\This is My First Post..md,保存;

- 回到 Git Bash,敲 hexo g

- 再敲 hexo s // 再说明一下:g = generate; s = server

- 再一次前往 ,瞻仰一下你的第一篇文章,然后回到 Git Bash,按 Ctrl+C 结束。

一、开始送了:从本地博客到线上仓库

专业一点的说法是,本地博客部署(deploy)到 GitHub Pages。

步骤如下:

- 获取 GitHub 的仓库 Repository 链接;

- 访问 GitHub,进入刚建的仓库 ***.github.io,比如,我的是 “robotskr.github.io”;

- 打开配置文件 D:\Blog_\config.yml;

- Ctrl+F,敲 #Deployment,完善以下内容,以我为例:

deploy:
    type: git
    repository:
https://github.com/robotskr/robotskr.github.io.git
    branch: master

- 回到 Git Bash,敲 npm install hexo-deployer-git --save

- 继续敲 hexo d;// d = deploy,命令行显示 INFO Deploy done: git ,即为部署成功;

另,如果想要博客长的好看一点,可以找个得体的主题(Theme),修修补补美化一下。青菜萝卜各有所爱,我用的是 NexT 主题,这里就不展开啦~ // git clone https://github.com/iissnan/hexo-theme-next themes/next

二、从 GitHub Pages 到 coding.net,再到 dev.tencent

dev.tencent 和 coding.net 都是代码托管和项目管理平台。最近的操作是从 coding.net 到 dev.tencent。其实,跟从 GitHub Pages 到 coding.net 的操作一样简单。

我们从 coding.net 开始说起:

- 访问 Coding - 登陆 - 新建项目;

image

- 点击上图右上角“点击升级”,出现的画面就是文章一开头的那个通知,点击蓝色链接 - “点击这里升级” - 按照提示绑定腾讯云开发者平台;

image

- ssh-keygen -t rsa -C '[email protected]',按照提示操作 // “[email protected]” 替换成你自己的邮箱

- 回到创建项目,项目名称,比如 Blog,如图打两个勾;

image

- Blog 项目 - 新建部署公钥 - 找到磁盘中的文件 id_rsa.pub - 编辑器打开 - 复制全部 - 粘贴到下图“公钥内容” - 打勾“授予推送权限” - 新建;

image

- 项目 Blog - 代码 - Pages 服务 - 一键开启 Coding Pages;

image

Done!

image

- 点击上图右上角第一个图标 - 强制开启 HTTPS 访问;

image

- 打开 D:\Blog_\config.yml - 找到 # Deployment - 填写以下内容:

deploy:
  type: git
  repository: 
    GitHub: https://github.com/robotskr/robotskr.github.io.git
    Coding: https://git.coding.net/robotskrr/Blog.git
  branch: master

从 coding.net 到 dev.tencent

- 登陆 腾讯云开发者平台 - 进入控制台 - 个人设置 - 个人账户 ,把 coding.net 数据导入。

三、NexT 主题安装

- Git Bash - 敲 git clone https://github.com/iissnan/hexo-theme-next themes/next

点保存,敲 hexo g -d - 查看博客

- 打开 D:\Blog\_config.yml

# Site

title: i {am} robotskr
subtitle: an ever-growing brain
description: Have a nice day :-D
keywords: code, media
author: Kr
language: zh-Hans 
timezone:

# URL

url: https://robotskrr.coding.me/Blog/
root: /Blog/
permalink: posts/:abbrlink/
permalink_defaults: 
    lang: en

// 为了使每篇文章的地址末尾是一串简洁的数字,敲 npm install hexo-abbrlink --save

# Extensions

Themes: next

点保存,敲 hexo g -d - 查看博客

打开 D:\Blog\themes\next\_config.yml

# Site Information Settings

favicon:
    small: /images/favicon-16x16-next.jpg
    medium: /images/favicon-32x32-next.jpg
footer:
    icon: heart

# Scheme Settings

#scheme: Muse
#scheme: Mist
scheme: Pisces
#scheme: Gemini

# Sidebar Settings

social:
    GitHub: https://github.com/robotskr || github
    E-Mail: [email protected] || envelope
    Twitter: https://twitter.com/robotskr_ || twitter

# Sidebar Avatar

avatar: /images/avatar.gif

# Wechat Subscriber

wechat_subscriber:
    enabled: true
    qcode: /source/images/wechat-qcode.png
    description: my public wechat account   

# Disqus

disqus:
    enable: true
    shortname: robotskr
    count: true

点保存。

0. 以上

然后,继续敲……

1. 敲 hexo g -d
2. 访问 i {am} robotskr
3. Hello World!

image

如果只在不被辜负时去信任,只在有所回报时去爱,只在学有所用时去学习,那么就放弃了人之为人的特征.。——马奇

生命不停,折腾不止。

致我们无悔的人生。

-end-


参考资料:

0/ Hexo 和 GitHub Pages,以及从 coding.net 到 dev.tencent
1/ 2018最新版hexo+Github搭建个人博客教程(2018-1-22 更新)
2/ NexT 使用文档
3/ 配置 | Hexo

hexo g -d

费曼技巧

The Feynman Technique

有人把聪明分为三种:聪明 A、聪明 B 和聪明 C。聪明 A 是高智商;聪明 B 是智慧;聪明 C 的特征是:天真而强烈的动机;漂亮的解决问题;有趣,好玩儿。发动机是“动机”,核心是“解决问题”,“有趣”是意义。费曼的聪明就是聪明 C。

微信图片_20200207181713.jpg

你可能感兴趣的:(Hexo 和 GitHub Pages,以及从 coding.net 到 dev.tencent)