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 'robotskr@gmail.com',按照提示操作 // “robotskr@gmail.com” 替换成你自己的邮箱

- 回到创建项目,项目名称,比如 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: robotskr@gmail.com || 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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,265评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,078评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,852评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,408评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,445评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,772评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,921评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,688评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,130评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,467评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,617评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,276评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,882评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,740评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,967评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,315评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,486评论 2 348

推荐阅读更多精彩内容