Hexo 和 GitHub Pages蚁阳,以及從 coding.net 到 dev.tencent

文/Kr

就在剛剛铃绒,敲 Hexo g -d 后出現(xiàn)了這個畫面。這是我的小確幸螺捐。與你分享颠悬。

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 上搭了個博客茫虽,輸出了幾篇質(zhì)量低劣的 GitPython 學習筆記刊苍。

又有一天,機緣巧合濒析,知道了一個代碼托管網(wǎng)站 coding.net正什,然后把 GitHub 上的東西放了上去。

然后号杏,再有一天婴氮,出現(xiàn)了一個通知:

image

簡單概括一下就是,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) 基于以上志鞍,我們需要安裝:GitNode.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 - 登陸 - 新建項目沮榜;

image

- 點擊上圖右上角“點擊升級”盘榨,出現(xiàn)的畫面就是文章一開頭的那個通知,點擊藍色鏈接 - “點擊這里升級” - 按照提示綁定騰訊云開發(fā)者平臺蟆融;

image

- ssh-keygen -t rsa -C 'robotskr@gmail.com'草巡,按照提示操作 // “robotskr@gmail.com” 替換成你自己的郵箱

- 回到創(chuàng)建項目,項目名稱型酥,比如 Blog山憨,如圖打兩個勾;

image

- Blog 項目 - 新建部署公鑰 - 找到磁盤中的文件 id_rsa.pub - 編輯器打開 - 復制全部 - 粘貼到下圖“公鑰內(nèi)容” - 打勾“授予推送權(quán)限” - 新建弥喉;

image

- 項目 Blog - 代碼 - Pages 服務 - 一鍵開啟 Coding Pages郁竟;

image

Done!

image

- 點擊上圖右上角第一個圖標 - 強制開啟 HTTPS 訪問;

image

- 打開 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!

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 的特征是:天真而強烈的動機;漂亮的解決問題枝秤;有趣醋拧,好玩兒。發(fā)動機是“動機”,核心是“解決問題”丹壕,“有趣”是意義庆械。費曼的聰明就是聰明 C。

微信圖片_20200207181713.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末菌赖,一起剝皮案震驚了整個濱河市缭乘,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌琉用,老刑警劉巖堕绩,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異邑时,居然都是意外死亡奴紧,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進店門晶丘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來黍氮,“玉大人,你說我怎么就攤上這事铣口÷饲” “怎么了?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵脑题,是天一觀的道長件缸。 經(jīng)常有香客問我,道長叔遂,這世上最難降的妖魔是什么他炊? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮已艰,結(jié)果婚禮上痊末,老公的妹妹穿的比我還像新娘。我一直安慰自己哩掺,他們只是感情好凿叠,可當我...
    茶點故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嚼吞,像睡著了一般盒件。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上舱禽,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天炒刁,我揣著相機與錄音,去河邊找鬼誊稚。 笑死翔始,一個胖子當著我的面吹牛罗心,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播城瞎,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼渤闷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了全谤?” 一聲冷哼從身側(cè)響起肤晓,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎认然,沒想到半個月后补憾,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡卷员,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年盈匾,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片毕骡。...
    茶點故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡削饵,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出未巫,到底是詐尸還是另有隱情窿撬,我是刑警寧澤,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布叙凡,位于F島的核電站劈伴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏握爷。R本人自食惡果不足惜跛璧,卻給世界環(huán)境...
    茶點故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望新啼。 院中可真熱鬧追城,春花似錦、人聲如沸燥撞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽物舒。三九已至辆布,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間茶鉴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工景用, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留涵叮,地道東北人惭蹂。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像割粮,于是被迫代替她去往敵國和親盾碗。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容