文/Kr
就在刚刚,敲 Hexo g -d
后出现了这个画面。这是我的小确幸。与你分享。
[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 上搭了个博客,输出了几篇质量低劣的 Git
和 Python
学习笔记。
又有一天,机缘巧合,知道了一个代码托管网站 coding.net,然后把 GitHub 上的东西放了上去。
然后,再有一天,出现了一个通知:
简单概括一下就是,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) 基于以上,我们需要安装:Git
和 Node.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 - 登陆 - 新建项目;
- 点击上图右上角“点击升级”,出现的画面就是文章一开头的那个通知,点击蓝色链接 - “点击这里升级” - 按照提示绑定腾讯云开发者平台;
- ssh-keygen -t rsa -C 'robotskr@gmail.com'
,按照提示操作 // “robotskr@gmail.com” 替换成你自己的邮箱
- 回到创建项目,项目名称,比如 Blog,如图打两个勾;
- Blog 项目 - 新建部署公钥 - 找到磁盘中的文件 id_rsa.pub
- 编辑器打开 - 复制全部 - 粘贴到下图“公钥内容” - 打勾“授予推送权限” - 新建;
- 项目 Blog - 代码 - Pages 服务 - 一键开启 Coding Pages;
Done!
- 点击上图右上角第一个图标 - 强制开启 HTTPS 访问;
- 打开 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!
如果只在不被辜负时去信任,只在有所回报时去爱,只在学有所用时去学习,那么就放弃了人之为人的特征.。——马奇
生命不停,折腾不止。
致我们无悔的人生。
-end-
参考资料:
0/ Hexo 和 GitHub Pages,以及从 coding.net 到 dev.tencent
1/ 2018最新版hexo+Github搭建个人博客教程(2018-1-22 更新)
2/ NexT 使用文档
3/ 配置 | Hexo
(hexo g -d
)
费曼技巧
有人把聪明分为三种:聪明 A、聪明 B 和聪明 C。聪明 A 是高智商;聪明 B 是智慧;聪明 C 的特征是:天真而强烈的动机;漂亮的解决问题;有趣,好玩儿。发动机是“动机”,核心是“解决问题”,“有趣”是意义。费曼的聪明就是聪明 C。