文/Kr
就在剛剛铃绒,敲 Hexo g -d
后出現(xiàn)了這個畫面。這是我的小確幸螺捐。與你分享颠悬。
[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 上搭了個博客茫虽,輸出了幾篇質(zhì)量低劣的 Git
和 Python
學習筆記刊苍。
又有一天,機緣巧合濒析,知道了一個代碼托管網(wǎng)站 coding.net正什,然后把 GitHub 上的東西放了上去。
然后号杏,再有一天婴氮,出現(xiàn)了一個通知:
簡單概括一下就是,Coding.net 用戶可以無條件轉(zhuǎn)移到騰訊云開發(fā)者平臺(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 是一個流行的博客框架。它能把本地文件里的內(nèi)容生成出靜態(tài)網(wǎng)頁,然后我們再把網(wǎng)頁 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 系統(tǒng)统翩,所以安裝非常簡單:前往 Git 和 Node.js 官網(wǎng),下載最新的 .exe
文件此洲,在本地磁盤雙擊文件厂汗,不斷地“下一步(Next)”就可以了。
b) 然后呜师,安裝 Hexo 的話就要用到命令行娶桦。
因為已經(jīng)安裝了 Git
,所以在電腦任意“空白”處右鍵 - Git Bash Here - 敲 npm install -g hexo-cli
- 回車汁汗。
完衷畦。再接著,是創(chuàng)建本地博客碰酝。
- 選擇一個本地磁盤霎匈,如 D 盤;
- 創(chuàng)建一個新文件夾送爸,如 Blog;
- 進入文件夾暖释,或者鼠標右擊 Blog 文件夾 - Git Bash Here - 敲hexo init
// 初始化 Blog 文件夾為一個博客文件夾袭厂;
- 如果出現(xiàn)提示 WARN Failed to install dependencies. Please run 'npm install' manually!
,那么繼續(xù)敲 npm install
- 繼續(xù)敲 hexo g
// g = generate球匕,生成本地靜態(tài)網(wǎng)頁纹磺;
- 繼續(xù) hexo s
// s = server,g 成的網(wǎng)頁進入本地服務器(server)亮曹;
- 瀏覽器訪問 橄杨,就可以看到一個 Hello World 博客;
- 回到 Git Bash照卦,敲 Ctrl+C
結(jié)束式矫。
完。最后役耕,是嘗試發(fā)布一篇新文章采转。
- 接上面繼續(xù)敲 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
結(jié)束情萤。
一鸭蛙、開始送了:從本地博客到線上倉庫
專業(yè)一點的說法是,本地博客部署(deploy)到 GitHub Pages筋岛。
步驟如下:
- 獲取 GitHub 的倉庫 Repository 鏈接娶视;
- 訪問 GitHub,進入剛建的倉庫 ***.github.io睁宰,比如肪获,我的是 “robotskr.github.io”;
- 打開配置文件 D:\Blog_\config.yml柒傻;
- Ctrl+F
孝赫,敲 #Deployment
,完善以下內(nèi)容红符,以我為例:
deploy:
type: git
repository:
https://github.com/robotskr/robotskr.github.io.git
branch: master
- 回到 Git Bash青柄,敲 npm install hexo-deployer-git --save
;
- 繼續(xù)敲 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 - 登陸 - 新建項目沮榜;
- 點擊上圖右上角“點擊升級”盘榨,出現(xiàn)的畫面就是文章一開頭的那個通知,點擊藍色鏈接 - “點擊這里升級” - 按照提示綁定騰訊云開發(fā)者平臺蟆融;
- ssh-keygen -t rsa -C 'robotskr@gmail.com'
草巡,按照提示操作 // “robotskr@gmail.com” 替換成你自己的郵箱
- 回到創(chuàng)建項目,項目名稱型酥,比如 Blog山憨,如圖打兩個勾;
- Blog 項目 - 新建部署公鑰 - 找到磁盤中的文件 id_rsa.pub
- 編輯器打開 - 復制全部 - 粘貼到下圖“公鑰內(nèi)容” - 打勾“授予推送權(quán)限” - 新建弥喉;
- 項目 Blog - 代碼 - Pages 服務 - 一鍵開啟 Coding Pages郁竟;
Done!
- 點擊上圖右上角第一個圖標 - 強制開啟 HTTPS 訪問;
- 打開 D:\Blog_\config.yml - 找到 # Deployment
- 填寫以下內(nèi)容:
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
- 登陸 騰訊云開發(fā)者平臺 - 進入控制臺 - 個人設置 - 個人賬戶 由境,把 coding.net 數(shù)據(jù)導入棚亩。
三、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
// 為了使每篇文章的地址末尾是一串簡潔的數(shù)字讥蟆,敲 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. 以上
然后瘸彤,繼續(xù)敲……
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 的特征是:天真而強烈的動機;漂亮的解決問題枝秤;有趣醋拧,好玩兒。發(fā)動機是“動機”,核心是“解決問題”丹壕,“有趣”是意義庆械。費曼的聰明就是聰明 C。