<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          利用Hexo來快速搭建博客系統

          時間:?2017-12-22閱讀:?925標簽:?Hexo

          Hexo是什么

          Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在幾秒內,即可利用靚麗的主題生成靜態網頁。


          Hexo安裝

          要使用Hexo,需要在你的系統中支持Nodejs以及Git。  

          Node.js下載:https://nodejs.org/en/
          Git下載:http://git-scm.com/download/

          接下來只需要使用 npm 即可完成 Hexo 的安裝:

          npm install hexo-cli -g
          hexo init blog
          cd blog
          npm install #安裝依賴
          hexo generate 
          hexo server #可以在http://localhost:4000/ 查看

          注意:Hexo 3.0 把服務器獨立成了個別模塊,您必須先安裝 hexo-server 才能使用hexo服務器命令。如下:

          npm install hexo-server --save


          Hexo常用命令

          hexo generate  # 生成靜態文件,會在當前目錄下生成一個新的叫做public的文件夾

          hexo deploy # 將網站部署到服務器上(比如github, heroku等平臺),在部署之前需要修改文件_config.yml 中修改參數,例如:

          deploy:
            type: git

          然后執行命令: 

          npm install hexo-deployer-git --save

          hexo generate --deploy  # (或hexo deploy --generate) 讓 Hexo 在生成完畢后自動部署網站

          hexo server -s # 通常用于生產環境,啟動web服務用于博客的預覽

          hexo server -p 5000 # 更改端口,或是在執行時遇到了 EADDRINUSE 錯誤,可以在執行時使用 -p 選項指定其他端口

          hexo server -i 192.168.1.1 # 服務器默認運行在 0.0.0.0,您可以覆蓋默認的 IP 設置

          hexo new "postName" #  新建文章  

          hexo new page "pageName" #  新建頁面

          hexo help # 查看幫助 

           hexo version #查看Hexo的版本


          Hexo常用簡寫

          hexo n == hexo new
          hexo g == hexo generate
          hexo s == hexo server
          hexo d == hexo deploy


          Hexo報錯總結

          1.ERROR Deployer not found: git 或者 ERROR Deployer not found: github,解決如下:

          npm install hexo-deployer-git --save

          2.ERROR Process failed: layout/.DS_Store , 那么進入主題里面layout和_partial目錄下,使用刪除命令:

          rm-rf.DS_Store

          3.ERROR Plugin load failed: hexo-server,解決方法,執行命令:

          sudo npm install hexo-server

          4.執行命令hexo server,提示:Usage: hexo ....原因: 我認為是沒有生成本地服務解決方法,執行命令:

          npm install hexo-server --save

          5.點擊http://0.0.0.0:4000,正常情況下應該是最原始的畫面,如果出現:白板和Cannot GET / 幾個字 原因:由于2.6以后就更新了,我們需要手動配置些東西后在重新生成:

          npm install hexo-renderer-ejs --save
          npm install hexo-renderer-stylus --save
          npm install hexo-renderer-marked --save


          Hexo主題設置

          Hexo 主題設置需要您在 themes 文件夾下,新增一個任意名稱的文件夾,并修改 _config.yml 內的 theme設定,即可切換主題,安裝yilia為列:

          hexo clean
          git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

          啟用主題 

          cd themes/yilia
          git pull
          hexo g # 生成
          hexo s # 啟動web服務器

          主題推薦

          Cover- A chic theme with facebook-like cover photo

          Oishi- A white theme based on Landscape plus and Writing.

          Sidebar- Another theme based on Light with a simple sidebar

          TKL- A responsive design theme for Hexo. 一個設計優雅的響應式主題

          Tinnypp- A clean, simple theme based on Tinny

          Writing- A small and simple hexo theme based on Light

          Yilia- Responsive and simple style 優雅簡潔響應式主題,我用得就是這個。

          Pacman voidy- A theme with dynamic tagcloud and dynamic snow


          Hexo模版

          模板決定了網站內容的呈現方式,每個主題至少都應包含一個 index 模板,以下是各頁面相對應的模板名稱:

          模板用途回調
          index首頁
          post文章index
          page分頁index
          archive歸檔index
          category分類歸檔archive
          tag標簽歸檔archive

          每個模板都默認使用 layout 布局,您可在 front-matter 指定其他布局,或是設為 false 來關閉布局功能,您甚至可在布局中再使用其他布局來建立嵌套布局。


          其他Hexo使用技巧

          1.綁定獨立域名

          在你的域名注冊提供商那里配置DNS解析,獲取GitHub的IP地址點擊,進入source目錄下,添加CNAME文件

          cd source/
          touch CNAME
          vim CNAME # 輸入你的域名
          git add CNAME
          git commit -m "add CNAME"

          2.添加百度站內搜索

          點擊其它工具->站內檢索->現在使用->新建搜索引擎->查看代碼,將代碼里的id值復制,打開/d/hexo/themes/jacman/_config.xml,配置成如下即可。

          baidu_search:     ## http://zn.baidu.com/
            enable: true
            id: "123456" ##"123456"  for your baidu search id
            site: http://zhannei.baidu.com/cse/search #your can change to your site instead of the default

          3.添加插件

          如添加sitemap和feed插件 
          npm install hexo-generator-feed
          npm install hexo-generator-sitemap

          修改_config.yml,增加以下內容

          # Extensions
          Plugins:
          - hexo-generator-feed
          - hexo-generator-sitemap
          #Feed Atom
          feed:
            type: atom
            path: atom.xml
            limit: 20
          #sitemap
          sitemap:
            path: sitemap.xml

          4.添加404頁面

          直接在根目錄下創建自己的404.html或者404.md就可以。但是自定義404頁面僅對綁定頂級域名的項目才起作用,GitHub默認分配的二級域名是不起作用的,使用hexo server在本機調試也是不起作用的。

           
          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/270

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网