日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Github-Hexo-theme-NexT

發布時間:2025/3/19 编程问答 21 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Github-Hexo-theme-NexT 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

上月介紹了Git+jekyll,托管在碼云(git@osc)上,然而并不盡興,事實上Git+Hexo會更便捷(對window用戶而言),jekyll是ruby編寫,而hexo是nodejs 。

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。
jekyll是把原文上傳github(md文件),可以直接生成博客,文件也可以用在線編輯修改,而hexo 是本地生成 html 再上傳。
借著假期,糾結了2天,搭建個人博客,以下記錄下這次搭建過程:

而這次用到的模板是大名鼎鼎的nexT,教程:http://theme-next.iissnan.com/

準備工作

  • 安裝 node,https://nodejs.org/en/download/ 在NodeJs官網下載對應版本進行安裝。
  • 安裝 git,在Git官網下載對應版本進行安裝。步驟如下(借圖):
  • 可以通過以下命令測試是否安裝成功:

    $ git --version #git版本 $ node --version #NodeJs版本

    注冊Github賬號

    去 Github 官網進行注冊即可,注冊完之后記得添加 SSH Key,這個 SSH Key是一個認證,讓github識別綁定這臺機器,允許這臺機器提交。S
    SH找了個教程,傳送門:http://blog.csdn.net/hustpzb/article/details/8230454/
    檢查通過以下命令測試是否安裝成功:

    $ ssh git@github.com

    See :

    安裝Hexo

    安裝好git和node之后,就可以安裝hexo了,簡單一句命令搞定:

    $ npm install -g hexo-cli

    檢查通過以下命令測試是否安裝成功:

    $ hexo version #簡寫hexo v

    創建Hexo本地博客

    安裝完成后,執行以下命令,Hexo將在指定目錄下新建需要的文件

    $ hexo init <folder> # 用命令創建一個目錄并且初始化目錄hexo文件

    PS:

  • 可以是手動新建文件夾,而后再 $ hexo init 初始化目錄;
  • hexo會自動下載一套默認皮膚:landscape,整個安裝下載過程可能有點慢……
  • 我是直接在 git bash 里命令的,也可以在其他命令符狀態下安裝;
    初始化后需要再 $ npm install 進行npm的依賴插件。
  • 部署形成文件

    $ hexo generate # 簡寫hexo g

    最后剩下運行server,跑起hexo服務:

    $ hexo server # 簡寫hexo s

    瀏覽器運行 http://http://localhost:4000/ 就能成功看到了。

    將本地hexo項目托管到Github

    打開網站配置文件 _config.yml (根目錄的文件),網站的配置文件,你可以在這里配置一些基本信息,這里列舉部分關鍵配置:

    # Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/hexo/ # Site title: Zenkin.Win ’s Blog #網站的標題 subtitle: 世事如棋,乾坤莫測 #副標題 description: author: Zen.Woo #作者信息 avatar: /images/avatar.png #頭像,圖片位置在相應主題目錄下的images language: zh-Hans #中文簡體 email: 43002111@qq.com timezone: # Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next #配置主題,這里使用next主題 stylus: compress: true #自適應布局 # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git #部署環境,基于hexo+githubpage,所以這里使用git。注意:不同版本的hexo,type有可能不同,3.x以后應使用git,具體參看官方文檔 repository: git@github.com:username/username.github.io.git #git倉庫地址,替換成你的username即可,其他保持不變,后面會提到如何創建git倉庫 branch: master

    編輯最后面的 deploy 屬性,加入代碼:

    type: git repository: git@github.com:xxxxxx/xxxxxx.github.io.git #替換github地址,可https可ssh branch: master #分支branch填寫master

    安裝hexo-deployer-git插件

    npm install hexo-deployer-git --save

    經常遇到問題是忘記安裝,找不到git、

    發布過程遇到問題

    過程中遇到提示,查到是這樣:

    Deployer not found: github

    遇錯情景: 最近從next主題切換到新主題的時候部署時遇到這個問題。
    報錯原因: 沒有 hexo-deployer-git 這個東西,所以需要重新安裝一次。
    注意事項: Hexo 3.0以前是使用的是hexo-deployer-github,3.0之后官方更改為hexo-deployer-git
    解決方法: 重新安裝

    $ npm install hexo-deployer-git –save

    部署你本地的主題到github上

    代碼如下,每次修改本地主題,都需要執行以下代碼

    $ hexo clean $ hexo generator #簡寫 hexo g $ hexo deploy #簡寫 hexo d #啟動本地服務,進行文章預覽調試,執行如下命令 $ hexo server #簡寫 hexo s

    參考

    next主題說明:http://theme-next.iissnan.com/getting-started.htmlhttps://hexo.io/zh-cn/api/http://www.jianshu.com/p/858ecf233db9
    配置SSH http://jingyan.baidu.com/article/d8072ac47aca0fec95cefd2d.html

    總結

    以上是生活随笔為你收集整理的Github-Hexo-theme-NexT的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。