hexo建站小結

時間 2019-11-10

標籤 hexo 建站小結简体版

原文原文鏈接

安裝git和node

一、安裝git和node，git和node安裝步驟自行查詢html

安裝hexo主題

一、安裝hexo-clinode

$ npm install -g hexo-cli

二、如需部署到github裏面，則需運行命令（此步驟可跳過）git

$ npm install hexo-deployer-git --save

三、上面步驟執行完成後，能夠自行建立一個文件夾（好比：D:\我的\Blog），用於搭建博客目錄github

四、進入上一步驟的文件夾，初始化博客目錄，其中_config.yml爲網站配置信息，source目錄爲網站頁面所存放地址。chrome

$ D:
$ cd 我的/blog
$ hexo init
$ npm install

新建完成後，指定目錄以下：npm

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts //有時候沒有
|   └── _posts
└── themes

github搭建博客

一、進入博客，搭建倉庫（好比：Blog）
二、進入此倉庫，點擊settings，在options裏找到GitHub Pages這一欄，把source設置成master分支，並保存。此時，你獲得一個網址，此網址就是你博客地址。json

hexo建立的我的博客部署到Blog倉庫

一、在_config.yml文件裏設置以下，repo命令寫換成本身的緩存

deploy:
  type: git //此處需寫成git
  repo: 倉庫地址
  branch: master

二、運行以下命令服務器

$ hexo g    //生成靜態文件，hexo generate
$ hexo d    //部署到遠程倉庫，hexo deploy

三、若是想在本地查看，能夠運行以下命令hexo

$ hexo s    //啓動服務器，hexo server

四、若是不想使用部署方法，也能夠在生成靜態文件後，在D:的目錄下把Blog倉庫克隆下來，運行生成靜態文件命令後，把生成的public目錄下的文件拷貝該目錄裏，提交到github

更換主題

一、此處推薦使用next主題，主題網址https://hexo.io/themes/
二、下載主題

$ cd your-hexo-site
$ git clone https://github.com/iissnan/hexo-theme-next themes/next

三、打開站點配置文件_config.yml，設置theme爲next，設置完成後，運行hexo clean來清除緩存，再運行hexo s命令，此時就能夠看到更換後的主題。
四、風格設定
next提供3個風格，推薦使用Pisces

Muse - 默認 Scheme，這是 NexT 最初的版本，黑白主調，大量留白
Mist - Muse 的緊湊版本，整潔有序的單欄外觀
Pisces - 雙欄 Scheme，小家碧玉似的清新

五、設置語言，編輯站點文件，將language設置爲zh-Hans
六、設置菜單

menu:
  home: /   //主頁
  archives: /archives   //歸檔頁
  #about: /about    //關於頁面
  #categories: /categories  //分類頁
  tags: /tags   //標籤頁
  #commonweal: /404.html    //公益404

七、設置頭像，編輯站點配置文件，新增avatar，值設置成頭像的連接地址，此地址能夠爲互聯網url，也能夠爲站點內地址，好比/images/avatar.jpg
八、設置做者暱稱，編輯站點配置文件，設置author爲你的暱稱
九、站點描述，編輯站點配置文件，設置description字段爲你的描述，能夠爲你的喜歡的簽名之類
十、添加標籤頁面

$ hexo new page tags

添加完成後，設置頁面類型

title: 標籤
date: 2014-12-22 12:39:04
type: "tags"
---

十一、添加分類頁面

$ hexo new page categories

添加完成後，設置頁面類型

title: 標籤
date: 2014-12-22 12:39:04
type: "categories"
---

十二、設置代碼高亮主題，在主題文件中找到highlight_theme字段，字段值有normal,night,night blue,night bright,night eighties。默認爲normal。
1三、側邊欄社交連接。主題配置文件中，設置以下。

# Social Links
social:
  GitHub: https://github.com/
  微博: http://weibo.com/

  social_icons:
    enable: true
    GitHub: github
    Weibo: weibo

1四、騰訊公益404頁面，新建404.html頁面，放到source目錄下，內容以下：

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=utf-8;"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="robots" content="all" />
  <meta name="robots" content="index,follow"/>
</head>
<body>

<script type="text/plain" src="http://www.qq.com/404/search_children.js"
        charset="utf-8" homePageUrl="/"
        homePageName="回到個人主頁">
</script>
<script src="https://qzone.qq.com/gy/404/data.js" charset="utf-8"></script>
<script src="https://qzone.qq.com/gy/404/page.js" charset="utf-8"></script>

</body>
</html>

1五、站點創建時間，編輯主題配置文件，新增字段since，值爲站點創建時間

谷歌分析

編輯站點配置文件，新增字段google_analytics，值設置成你的Google 跟蹤 ID。跟蹤ID一般是以UA-開頭。

閱讀次數統計（LeanCloud）

一、進入https://leancloud.cn
二、建立應用，進入該應用，在存儲頁面建立class，class名稱必須爲Counter，主要是爲了保證簽名對Next主題的修改兼容。數據條目的默認權限設置成爲無限制
三、在設置裏找到應用key，而後在主題配置文件中配置，記錄文章訪問量是依據文章標題加上發佈日期做爲惟一鍵，因此若是你更改了這兩個數值，會形成文章閱讀數值清零。

leancloud_visitors:
  enable: true
  app_id: ddddddddd
  app_key: sssssssss

四、若是你想本身設置文章訪問量，找到Counter表，設置其中time字段，保存便可，裝逼必備。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。