怎樣基于Github&Hexo搭建博客

圖片來自https://unsplash.com/

基于Github和Hexo的博客搭建教程在百度上一大堆,洺哥在踩過一些坑后才終于把自家的寄托在github上的博客給搭建起來,洺哥的這篇博文將作為博客網(wǎng)站的第一篇教程貼R蛔恕!

    參考教程:
    1. http://www.reibang.com/p/701b1095da11
    2. http://www.reibang.com/p/67c57c70f275
    3. https://www.zhihu.com/question/24422335

電腦端需要裝的軟件有

1.msysgit

點擊下載msysgit 后默認下一步安裝即可

安裝成功后在桌面點擊右鍵會出現(xiàn)下圖中的兩個git選項即可


2. Node.js

在 Windows 環(huán)境下安裝 Node.js 非常簡單跃惫,僅須下載安裝文件并執(zhí)行即可完成安裝

LTS版適用于大多數(shù)使用者

3. hexo

通過前面安裝的git來安裝Hexo

鼠標在桌面點擊右鍵后選擇Git Bash Here選項

在出現(xiàn)的命令框中輸入

   npm install -g hexo

安裝成功后自行創(chuàng)建一個文件夾作為接下來博客的存放地址


在文件夾的空白處右鍵后選擇Git Bash Here選項

在框中輸入命令初始化Hexo

hexo init

接下來安裝相關的依賴包

    hexo install

一個博客框架就搭好了
接下來再次輸入一下命令叮叹,打開一個瀏覽器輸入地址查看自己的博客框架

    hexo generate
    hexo server
    瀏覽器輸入以下地址:
    localhost:4000

執(zhí)行hexo server提示找不到該指令?爆存?

    執(zhí)行以下命令后再執(zhí)行hexo server
    npm install hexo -server --save
現(xiàn)在搭建好的博客框架只能在自己電腦上被看到蛉顽,還不能通過Internet訪問到,為了能把自己的博客放上Internet先较,我們接下來需要把我們的博客項目托管在github上携冤。
Github

知乎關于github的介紹

github創(chuàng)建博客

點擊鏈接https://github.com/注冊賬號

點擊下圖中的New repository創(chuàng)建新的項目倉庫

在下圖中按照格式要求填入倉庫名稱(yourname.github.io)
每個賬號只能托管一個博客

其他信息自己選填悼粮,隨后點擊綠色的Create repository確認創(chuàng)建

生成SSH密鑰(個人感覺沒啥用,最后我還是需要輸入密碼)

按照上文Hexo部分打開的Git Bash 中輸入

    ssh-keygen -t rsa -C "你的郵箱地址"
    按3個回車曾棕,密碼為空扣猫。

在計算機的C:\Users\Administrator.ssh中得到兩個文件id_rsa和id_rsa.pub。
用Excel打開id_rsa.pub翘地,復制全文申尤。打開網(wǎng)址https://github.com/settings/ssh ,Add SSH key衙耕,粘貼進去昧穿。

全局配置 _config.yml

(這里需要你自己按照博客需求去配置)

    # Hexo Configuration
    ## Docs: http://hexo.io/docs/configuration.html
    ## Source: https://github.com/hexojs/hexo/
    # Site #站點信息
    title:  #標題
    subtitle:  #副標題
    description:  #站點描述,給搜索引擎看的
    author:  #作者
    email:  #電子郵箱
    language: zh-CN #語言
    # URL #鏈接格式
    url:  #網(wǎng)址
    root: / #根目錄
    permalink: :year/:month/:day/:title/ #文章的鏈接格式
    tag_dir: tags #標簽目錄
    archive_dir: archives #存檔目錄
    category_dir: categories #分類目錄
    code_dir: downloads/code
    permalink_defaults:
    # Directory #目錄
    source_dir: source #源文件目錄
    public_dir: public #生成的網(wǎng)頁文件目錄
    # Writing #寫作
    new_post_name: :title.md #新文章標題
    default_layout: post #默認的模板橙喘,包括 post时鸵、page、photo渴杆、draft(文章寥枝、頁面、照片磁奖、草稿)
    titlecase: false #標題轉換成大寫
    external_link: true #在新選項卡中打開連接
    filename_case: 0
    render_drafts: false
    post_asset_folder: false
    relative_link: false
    highlight: #語法高亮
      enable: true #是否啟用
      line_number: true #顯示行號
      tab_replace:
    # Category & Tag #分類和標簽
    default_category: uncategorized #默認分類
    category_map:
    tag_map:
    # Archives
    2: 開啟分頁
    1: 禁用分頁
    0: 全部禁用
    archive: 2
    category: 2
    tag: 2
    # Server #本地服務器
    port: 4000 #端口號
    server_ip: localhost #IP 地址
    logger: false
    logger_format: dev
    # Date / Time format #日期時間格式
    date_format: YYYY-MM-DD #參考        http://momentjs.com/docs/#/displaying/format/
    time_format: H:mm:ss
    # Pagination #分頁
    per_page: 10 #每頁文章數(shù)囊拜,設置成 0 禁用分頁
    pagination_dir: page
    # Disqus #Disqus評論比搭,替換為多說
    disqus_shortname:
    # Extensions #拓展插件
    theme: landscape-plus #主題
    exclude_generator:
    plugins: #插件,例如生成 RSS 和站點地圖的
    - hexo-generator-feed
    - hexo-generator-sitemap
    # Deployment #部署蜜托,將 lmintlcx 改成用戶名
    deploy:
      type: git
      repo: 剛剛github創(chuàng)庫地址.git
      branch: master

    作者:吳小龍同學
    鏈接:  http://www.reibang.com/p/701b1095da11
    來源:簡書
    著作權歸作者所有霉赡。商業(yè)轉載請聯(lián)系作者獲得授權,非商業(yè)轉載請注明出處蜂挪。

## 上面文件中最后需要如下所示修改
    deploy:
      type: git
      repository:     https://github.com/leopardpan/leopardpan.github.io.git  
      ## leopardpan= github賬戶名
      branch: master

編輯好后怎么發(fā)布棠涮?
在Git bash 中依次運行如下命令:

   hexo clean  ## 清除緩存
   hexo generate  ## 生成靜態(tài)網(wǎng)頁
   hexo deploy  ## 同步云端github倉庫

其他命令:

hexo server ## 本地編譯調(diào)試

怎樣編輯和發(fā)布自己的博客刺覆?

在這之前請在https://hexo.io/themes/中選擇一個自己喜歡的主題,然后下載github文件驳糯,按照每個主題自己的替換教程修改自己的主題。

END

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末很洋,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子谓苟,更是在濱河造成了極大的恐慌,老刑警劉巖卑笨,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赤兴,死亡現(xiàn)場離奇詭異隧哮,居然都是意外死亡,警方通過查閱死者的電腦和手機沮翔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門采蚀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人纲爸,你說我怎么就攤上這事妆够。” “怎么了袁滥?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵题翻,是天一觀的道長。 經(jīng)常有香客問我塑荒,道長姜挺,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任凌箕,我火速辦了婚禮词渤,結果婚禮上,老公的妹妹穿的比我還像新娘芜壁。我一直安慰自己高氮,他們只是感情好,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布塞淹。 她就那樣靜靜地躺著窖铡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪费彼。 梳的紋絲不亂的頭發(fā)上口芍,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天鬓椭,我揣著相機與錄音,去河邊找鬼翘瓮。 笑死,一個胖子當著我的面吹牛资盅,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播每庆,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼缤灵,長吁一口氣:“原來是場噩夢啊……” “哼蓝晒!你這毒婦竟也來了?” 一聲冷哼從身側響起芝薇,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤剩燥,失蹤者是張志新(化名)和其女友劉穎灭红,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體变擒,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡娇斑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年毫缆,在試婚紗的時候發(fā)現(xiàn)自己被綠了乐导。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡旺拉,死狀恐怖棵磷,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情沉桌,我是刑警寧澤,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布撇贺,位于F島的核電站冰抢,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏挎扰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一尽超、第九天 我趴在偏房一處隱蔽的房頂上張望似谁。 院中可真熱鬧,春花似錦巩踏、人聲如沸续搀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽牵咙。三九已至,卻和暖如春构哺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背曙强。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工碟嘴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人娜扇。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像枢析,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子醒叁,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

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