個(gè)人域名博客搭建

年終沖刺赛不,開始996了,借晚上加班的剩余時(shí)間挠阁,把博客的文章同步到簡書,方便訪問和查閱

搭建個(gè)人域名博客的七大步(Mac):

一溉委、安裝博客工具:

  • 安裝node.js鹃唯,用來生成靜態(tài)頁面(node官網(wǎng):https://nodejs.org
  • 安裝git,用來把博客提交到github pages (Mac下載Xcode后自帶git不用再安裝)
  • 安裝hexo瓣喊,命令$ sudo npm install -g hexo

推薦(不做操作):homebrew 是Mac上面用來安裝或者卸載軟件用的非常方便的一個(gè)軟件坡慌,homebrew官網(wǎng)
homebrew 的安裝需要注意的是 homebrew 安裝的時(shí)候一定要在 sudo 管理員權(quán)限下安裝藻三,否則可能遇到寫入失敗的問題洪橘。
安裝方法:打開終端輸入

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

二跪者、建立站點(diǎn):

  • 打開終端 cd到你想存放站點(diǎn)的目錄下,執(zhí)行命令:$ hexo init blog
  • cd到創(chuàng)建的blog目錄下熄求,執(zhí)行命令:$ npm install,完成后渣玲,blog文件夾的目錄如下:
_config.yml    // 站點(diǎn)的配置信息
package.json   // 應(yīng)用程序的信息
scanffolds     // 模板文件夾
source         // 存放用戶資源的文件夾
themes         // 主題文件夾,Hexo會(huì)根據(jù)主題生成靜態(tài)頁面
  • 啟動(dòng)本地服務(wù):執(zhí)行命令:$ hexo s
  • 訪問http://localhost:4000弟晚,查看是否可以訪問成功忘衍,若網(wǎng)頁可正常顯示,則站點(diǎn)創(chuàng)建成功

三卿城、關(guān)聯(lián)Github賬號(hào):

  • 去github注冊一個(gè)賬號(hào):https://github.com
  • 注冊完賬號(hào)后點(diǎn)擊加號(hào)枚钓,創(chuàng)建一個(gè)新的公共倉庫,name的格式一定要寫成:你的github名+github.io


    image

    image
  • 終端cd到blog目錄下瑟押,使用vim命令編輯_config.yml搀捷,滑到最底部,將deploy里的內(nèi)容改為如下:
deploy:
   type: git
   repository: https://github.com/rocksky/rocksky.github.io.git
   branch: master

異常處理:
如果出現(xiàn):

FATAL remote: Permission to rocksky/rocksky.github.io.git denied to skyrock90.
fatal: unable to access 'https://github.com/rocksky/rocksky.github.io.git/': The requested URL returned error: 403


repository: https://github.com/rocksky/rocksky.github.io.git
替換為下面的
repository: git@github.com:/rocksky/rocksky.github.io.git

  • 生成靜態(tài)頁面: $ hexo g 此時(shí)若出現(xiàn)如下報(bào)錯(cuò):
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
  • 則執(zhí)行命令:npm install hexo --save
  • 部署:$ hexo d 若執(zhí)行hexo d仍報(bào)錯(cuò)多望,則在blog目錄下執(zhí)行:
    $ npm install hexo-deployer-git --save

四嫩舟、配置SSH

  • 配置github用戶名:$ git config --global user.name "rocksky"http://GitHub用戶名
  • 配置github郵箱:$git config --global user.email "1*****9@qq.com"http://GitHub注冊郵箱
  • 生成ssh密鑰:$ ssh-keygen -t rsa -C "xxx@qq.com”(你的github郵箱),配置完成后可以在/Users/sky/.ssh/目錄下看到生成id_rsa和id_rsa.pub兩個(gè)文件
  • 將SSH key添加到Github,打開id_rsa.pub文件,里面的信息即為SSH key怀偷,將這些信息復(fù)制到Github的Add SSH key頁面即可家厌。進(jìn)入Github –> Settings –> SSH keys –> add SSH key, Title里任意添一個(gè)標(biāo)題枢纠,將復(fù)制的內(nèi)容粘貼到Key里像街,點(diǎn)擊下方Add key綠色按鈕即可
  • 至此,你可以通過https://你的github用戶名.github.io/完美的訪問你自己的博客了
  • 接下來晋渺,你還有更長的路要走,年輕人脓斩!甩甩你那飄逸的長發(fā)繼續(xù)前行吧

五木西、關(guān)聯(lián)個(gè)人域名:

  • 用終端ping出你github的ip(例如:ping www.skyrock90.github.io

  • 去阿里云什么的購買域名,購買成功后進(jìn)入控制臺(tái)随静,進(jìn)行域名解析
    [圖片上傳失敗...(image-ee1ace-1514363359572)]
    選擇用到的域名點(diǎn)擊解析八千,首次選擇下面網(wǎng)站解析的立即修改
    [圖片上傳失敗...(image-26a64d-1514363359572)]
    選擇需要解析的域名,點(diǎn)擊添加域名解析
    [圖片上傳失敗...(image-c6b205-1514363359572)]

  • 記錄類型選A 主機(jī)記錄寫@ 運(yùn)營商寫默認(rèn) 記錄值寫ping出的ip 燎猛,最后點(diǎn)擊保存

  • 生成CNAME的文件恋捆,不知道怎么生成的可以到這里去下載,將CNAME的內(nèi)容改為你的域名重绷,保存
    [圖片上傳失敗...(image-72abf7-1514363359572)]

  • 添加CNAME解析沸停,記錄類型選擇CNAME,主機(jī)記錄寫www昭卓,記錄值填寫博客的github訪問地址(skyrock90.github.io)愤钾,保存瘟滨,至此域名設(shè)置完
    [站外圖片上傳中...(image-469488-1514363359572)]

  • 將CNAME文件放到站點(diǎn)的source文件夾下(不能和source同級(jí)),這樣可以避免CNAME提交不上

  • 執(zhí)行命令:完成后就可以用域名訪問你的博客

  • 有木有很完美能颁?有木有杂瘸?

六、修改博客主題為NexT主題:

  • 下載主題伙菊,并將主題下載到thems/next文件夾下败玉,可以使用git命令:
    $ git clone https://github.com/iissnan/hexo-theme-next themes/next
  • 在blog目錄下,使用vim命令編輯_config.yml镜硕,找到theme绒怨,修改為:
theme: next
title:  language: zh-Hans description:這些參數(shù)可自行設(shè)置

七、新建博客文章:

  • 終端里cd到blog目錄下谦疾,執(zhí)行$ hexo new "文章名字”,這時(shí)會(huì)在blog/source/_posts目錄下生成文章名字.md文件南蹂,盡量不要使用中文來命名,方便以后設(shè)置超鏈接跳轉(zhuǎn)
  • 執(zhí)行如下命令念恍,更新博客六剥,就能看到你新寫的文章了
hexo clean
hexo g
hexo d
  • 文章建議用markdown,mac的話可以用MacDown峰伙,相關(guān)語法可以參考這里
  • 更多配置請參考我的下一篇文章
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末疗疟,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子瞳氓,更是在濱河造成了極大的恐慌策彤,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,430評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件匣摘,死亡現(xiàn)場離奇詭異店诗,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)音榜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,406評論 3 398
  • 文/潘曉璐 我一進(jìn)店門庞瘸,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人赠叼,你說我怎么就攤上這事擦囊。” “怎么了嘴办?”我有些...
    開封第一講書人閱讀 167,834評論 0 360
  • 文/不壞的土叔 我叫張陵瞬场,是天一觀的道長。 經(jīng)常有香客問我涧郊,道長贯被,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,543評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮刃榨,結(jié)果婚禮上弹砚,老公的妹妹穿的比我還像新娘。我一直安慰自己枢希,他們只是感情好桌吃,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,547評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著苞轿,像睡著了一般茅诱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上搬卒,一...
    開封第一講書人閱讀 52,196評論 1 308
  • 那天瑟俭,我揣著相機(jī)與錄音,去河邊找鬼契邀。 笑死摆寄,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的坯门。 我是一名探鬼主播微饥,決...
    沈念sama閱讀 40,776評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼古戴!你這毒婦竟也來了欠橘?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,671評論 0 276
  • 序言:老撾萬榮一對情侶失蹤现恼,失蹤者是張志新(化名)和其女友劉穎肃续,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體叉袍,經(jīng)...
    沈念sama閱讀 46,221評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡始锚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,303評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了畦韭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片疼蛾。...
    茶點(diǎn)故事閱讀 40,444評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖艺配,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情衍慎,我是刑警寧澤转唉,帶...
    沈念sama閱讀 36,134評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站稳捆,受9級(jí)特大地震影響赠法,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,810評論 3 333
  • 文/蒙蒙 一砖织、第九天 我趴在偏房一處隱蔽的房頂上張望款侵。 院中可真熱鬧,春花似錦侧纯、人聲如沸新锈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,285評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妹笆。三九已至,卻和暖如春娜氏,著一層夾襖步出監(jiān)牢的瞬間拳缠,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,399評論 1 272
  • 我被黑心中介騙來泰國打工贸弥, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留窟坐,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,837評論 3 376
  • 正文 我出身青樓绵疲,卻偏偏與公主長得像哲鸳,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子最岗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,455評論 2 359