成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

從零開始搭建hexo靜態(tài)博客

venmos / 2387人閱讀

摘要：后來網(wǎng)上看到了很多和搭建的靜態(tài)博客，由于編輯器的實(shí)用性，及，等代碼托管平臺的免費(fèi)特點(diǎn)，讓很多人都轉(zhuǎn)向了和。于是我也花了兩三天的時(shí)間來研究搭建了自己的博客。

以前的博客（blog.duweibin.cn)是在學(xué)習(xí)thinkphp的時(shí)候自己做的一個小項(xiàng)目，模板也是網(wǎng)上找的，后臺是自己用thinkphp框架寫的，上一個博客搭建過程中讓自己學(xué)會了thinkphp對MVC操作，（M層還沒具體用過），控制器和視圖，和對數(shù)據(jù)庫的增刪查改，以及ajax操作等。后來網(wǎng)上看到了很多hexo和hugo搭建的靜態(tài)博客，由于markdown編輯器的實(shí)用性，及github，coding等代碼托管平臺的免費(fèi)特點(diǎn)，讓很多人都轉(zhuǎn)向了hexo和hugo。于是我也花了兩三天的時(shí)間來研究搭建了自己的hexo博客。

首先需要搭建本地環(huán)境

nodejs環(huán)境，window直接到下載win平臺安裝包http://nodejs.cn/，和安裝其它應(yīng)用程序一樣

安裝git,博客內(nèi)容提交到github和coding上要用，直接下載安裝，主要用到gitbash（類似于

linux命令行）http://rj.baidu.com/soft/deta...
另外需要在github（國外）或coding上注冊帳號，并新建一個項(xiàng)目，具體怎么操作可自行百度，coding官網(wǎng)上有教程

以上三步準(zhǔn)備好后，開始搭建hexo項(xiàng)目，需要用npm安裝hexo并部署。創(chuàng)建一個文件夾并，右擊文件夾，進(jìn)入gitbash命令行執(zhí)行以下命令

1安裝） npm install -g hexo 
2部署） hexo init 
3生成靜態(tài)頁面） hexo g 
4發(fā)布網(wǎng)站）hexo s）

執(zhí)行完以上命令后就生成了一個靜態(tài)網(wǎng)站，瀏覽器輸入http://localhost:4000即可訪問

將本地博客部署到github或coding上

本地的博客環(huán)境搭建好了，我們怎么將它放到網(wǎng)上，讓別人看到呢，這時(shí)就需要git了，git是一個開源分布式的版本控制系統(tǒng)，他可以讓你隨時(shí)隨地的管理你的代碼，他的強(qiáng)大不止于此，其它就自行百度吧，git是程序員必備技能。

1.gitbash進(jìn)入hexo的項(xiàng)目目錄，執(zhí)行命令 git init（也可以在創(chuàng)建hexo項(xiàng)目目錄時(shí)執(zhí)行），初始化一個本地代碼倉庫
2.然后打開hexo下的配置文件，配置deploy，repo替換為剛才在coding和github上創(chuàng)建的代碼倉庫地址，
3.然后執(zhí)行安裝hexo-deployer-git插件 npm install hexo-deployer-git,用于靜態(tài)網(wǎng)站的發(fā)布
4.安裝完成后，執(zhí)行hexo d命令（首次執(zhí)行需要輸入帳號和密碼，可以使用git命令將密碼和帳號保存下來，教程地址：https://coding.net/help/faq/g...）這里使用的是https的方式進(jìn)行push操作，還有ssh的方式，兩者區(qū)別上述教程里也可找到，將本地網(wǎng)站push到你的遠(yuǎn)程代碼倉庫，到此已經(jīng)將網(wǎng)站放到了網(wǎng)上

開啟github和coding pgae服務(wù)，并綁定域名

代碼push到遠(yuǎn)程倉庫后，要怎么訪問網(wǎng)站就是這一步了，以下以coding的pages服務(wù)為例，開戶pages服務(wù)，分支設(shè)為master，最后綁定域名，把域名的cname解析到username.coding.me過幾分鐘就可以訪問了。
至于如何將部署到github上，git新建項(xiàng)目名規(guī)則要是username.github.io或者是username.github.com(網(wǎng)上說法不一，有待查證，但.com我試過可以訪問），然后需要在項(xiàng)目目錄下添加CNAME文件，里面寫上要綁定的域名，至于雙線解析，大部分用DNSPOD國外解析到github國內(nèi)解析到coding，域名解析的時(shí)候有線路可以選擇。

站點(diǎn)配置，發(fā)布文章及頁面

主題下載

網(wǎng)站部署好之后，可以到github上找一些后看的主題，clone到本地themes文件夾下，然后修改站點(diǎn)配置文件，改為自己主題文件夾名

tags和categories設(shè)置

執(zhí)行以下命令 hexo new page tags 和hexo new page categories

發(fā)布文章

執(zhí)行以下命令 hexo new post titile 會在source的post目錄下生成title.md的文件，用makrdown編輯器打開就可以寫文章了，寫完保存之后，執(zhí)行hexo g hexo d 就進(jìn)行了編譯和部署網(wǎng)站就更新了，頁面的發(fā)布和tags categories的一樣，也需要hexo g hexo d

hexo的優(yōu)劣（我的觀點(diǎn)）

優(yōu)點(diǎn)
markdown的編輯器是公認(rèn)的寫文章利器
靜態(tài)頁面加快訪問速度
部署到免費(fèi)的代碼倉庫（coding 1G github 300m）,省下一筆虛擬主機(jī)和服務(wù)器的費(fèi)用
git上有很多好看的主題拿來即用

缺點(diǎn)
圖片存儲問題，windows markdown編輯器默認(rèn)把圖片上傳到imgurl.com然后把鏈接貼上來，不能保證圖片的永久存在
文章發(fā)布必須用專用編輯器和git環(huán)境，不像傳統(tǒng)的wordpress那樣只要有個瀏覽器就可以
不適合給程序員以外的人做博客系統(tǒng)

本篇博文大概講了hexo的搭建流程，其中有很多的技術(shù)細(xì)節(jié)沒有詳細(xì)描述，隨后補(bǔ)充，請繼續(xù)關(guān)注

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/90958.html

相關(guān)文章

  • 2017年最新基于hexo搭建個人免費(fèi)博客——從零開始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實(shí)現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    Paul_King 評論0 收藏0

  • 2017年最新基于hexo搭建個人免費(fèi)博客——從零開始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實(shí)現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    zacklee 評論0 收藏0

  • 2017年最新基于hexo搭建個人免費(fèi)博客——從零開始

    摘要：前言搭建此博客是因?yàn)橥ㄟ^上了解到進(jìn)而知道了可以把靜態(tài)網(wǎng)頁博客托管給倉庫或許您已經(jīng)通搭建個人博客網(wǎng)站了解到如何通過實(shí)現(xiàn)個人博客網(wǎng)站的建立。但是盡管您已經(jīng)成功建立博客網(wǎng)站，但是你需要對網(wǎng)站做合適的配置和調(diào)整才能迎合你的網(wǎng)站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...

    hlcfan 評論0 收藏0

  • 【HEXO】從零搭建HEXO博客 修改默認(rèn)主題/參數(shù)/favicon 替換個人主頁

    摘要：下面我以主題舉例，覆蓋默認(rèn)主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到直接把屬性的值改變即可。 準(zhǔn)備：搭建環(huán)境 大致分為以下兩步： 安裝Node.js 安裝git 配置Node.js環(huán)境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...

    My_Oh_My 評論0 收藏0

  • 【HEXO】從零搭建HEXO博客 修改默認(rèn)主題/參數(shù)/favicon 替換個人主頁

    摘要：下面我以主題舉例，覆蓋默認(rèn)主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉(zhuǎn)的修改，在文件中找到直接把屬性的值改變即可。 準(zhǔn)備：搭建環(huán)境 大致分為以下兩步： 安裝Node.js 安裝git 配置Node.js環(huán)境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...

    Near_Li 評論0 收藏0

發(fā)表評論

0條評論

venmos

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<