摘要:后來網上看到了很多和搭建的靜態博客,由于編輯器的實用性,及,等代碼托管平臺的免費特點,讓很多人都轉向了和。于是我也花了兩三天的時間來研究搭建了自己的博客。
以前的博客(blog.duweibin.cn)是在學習thinkphp的時候自己做的一個小項目,模板也是網上找的,后臺是自己用thinkphp框架寫的,上一個博客搭建過程中讓自己學會了thinkphp對MVC操作,(M層還沒具體用過),控制器和視圖,和對數據庫的增刪查改,以及ajax操作等。后來網上看到了很多hexo和hugo搭建的靜態博客,由于markdown編輯器的實用性,及github,coding等代碼托管平臺的免費特點,讓很多人都轉向了hexo和hugo。于是我也花了兩三天的時間來研究搭建了自己的hexo博客。
首先需要搭建本地環境
nodejs環境,window直接到下載win平臺安裝包http://nodejs.cn/,和安裝其它應用程序一樣
安裝git,博客內容提交到github和coding上要用,直接下載安裝,主要用到gitbash(類似于
linux命令行)http://rj.baidu.com/soft/deta...
另外需要在github(國外)或coding上注冊帳號,并新建一個項目,具體怎么操作可自行百度,coding官網上有教程
以上三步準備好后,開始搭建hexo項目,需要用npm安裝hexo并部署。創建一個文件夾并,右擊文件夾,進入gitbash命令行執行以下命令
1安裝) npm install -g hexo 2部署) hexo init 3生成靜態頁面) hexo g 4發布網站)hexo s)
執行完以上命令后就生成了一個靜態網站,瀏覽器輸入http://localhost:4000即可訪問
將本地博客部署到github或coding上
本地的博客環境搭建好了,我們怎么將它放到網上,讓別人看到呢,這時就需要git了,git是一個開源分布式的版本控制系統,他可以讓你隨時隨地的管理你的代碼,他的強大不止于此,其它就自行百度吧,git是程序員必備技能。
1.gitbash進入hexo的項目目錄,執行命令 git init(也可以在創建hexo項目目錄時執行),初始化一個本地代碼倉庫
2.然后打開hexo下的配置文件,配置deploy,repo替換為剛才在coding和github上創建的代碼倉庫地址,
3.然后執行安裝hexo-deployer-git插件 npm install hexo-deployer-git,用于靜態網站的發布
4.安裝完成后,執行hexo d命令(首次執行需要輸入帳號和密碼,可以使用git命令將密碼和帳號保存下來,教程地址:https://coding.net/help/faq/g...)這里使用的是https的方式進行push操作,還有ssh的方式,兩者區別上述教程里也可找到,將本地網站push到你的遠程代碼倉庫,到此已經將網站放到了網上
開啟github和coding pgae服務,并綁定域名
代碼push到遠程倉庫后,要怎么訪問網站就是這一步了,以下以coding的pages服務為例,開戶pages服務,分支設為master,最后綁定域名,把域名的cname解析到username.coding.me過幾分鐘就可以訪問了。
至于如何將部署到github上,git新建項目名規則要是username.github.io或者是username.github.com(網上說法不一,有待查證,但.com我試過可以訪問),然后需要在項目目錄下添加CNAME文件,里面寫上要綁定的域名,至于雙線解析,大部分用DNSPOD國外解析到github國內解析到coding,域名解析的時候有線路可以選擇。
站點配置,發布文章及頁面
主題下載
網站部署好之后,可以到github上找一些后看的主題,clone到本地themes文件夾下,然后修改站點配置文件,改為自己主題文件夾名
tags和categories設置
執行以下命令 hexo new page tags 和hexo new page categories
發布文章
執行以下命令 hexo new post titile 會在source的post目錄下生成title.md的文件,用makrdown編輯器打開就可以寫文章了,寫完保存之后,執行hexo g hexo d 就進行了編譯和部署網站就更新了,頁面的發布和tags categories的一樣,也需要hexo g hexo d
hexo的優劣(我的觀點)
優點
markdown的編輯器是公認的寫文章利器
靜態頁面加快訪問速度
部署到免費的代碼倉庫(coding 1G github 300m),省下一筆虛擬主機和服務器的費用
git上有很多好看的主題拿來即用
缺點
圖片存儲問題,windows markdown編輯器默認把圖片上傳到imgurl.com然后把鏈接貼上來,不能保證圖片的永久存在
文章發布必須用專用編輯器和git環境,不像傳統的wordpress那樣只要有個瀏覽器就可以
不適合給程序員以外的人做博客系統
本篇博文大概講了hexo的搭建流程,其中有很多的技術細節沒有詳細描述,隨后補充,請繼續關注
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/90958.html
摘要:前言搭建此博客是因為通過上了解到進而知道了可以把靜態網頁博客托管給倉庫或許您已經通搭建個人博客網站了解到如何通過實現個人博客網站的建立。但是盡管您已經成功建立博客網站,但是你需要對網站做合適的配置和調整才能迎合你的網站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
摘要:前言搭建此博客是因為通過上了解到進而知道了可以把靜態網頁博客托管給倉庫或許您已經通搭建個人博客網站了解到如何通過實現個人博客網站的建立。但是盡管您已經成功建立博客網站,但是你需要對網站做合適的配置和調整才能迎合你的網站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
摘要:前言搭建此博客是因為通過上了解到進而知道了可以把靜態網頁博客托管給倉庫或許您已經通搭建個人博客網站了解到如何通過實現個人博客網站的建立。但是盡管您已經成功建立博客網站,但是你需要對網站做合適的配置和調整才能迎合你的網站要求。 showImg(https://segmentfault.com/img/remote/1460000008725509?w=1449&h=459); 前言 搭建...
摘要:下面我以主題舉例,覆蓋默認主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉的修改,在文件中找到直接把屬性的值改變即可。 準備:搭建環境 大致分為以下兩步: 安裝Node.js 安裝git 配置Node.js環境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...
摘要:下面我以主題舉例,覆蓋默認主題。其他元素使用相同的方法都可以修改。像這種超鏈接跳轉的修改,在文件中找到直接把屬性的值改變即可。 準備:搭建環境 大致分為以下兩步: 安裝Node.js 安裝git 配置Node.js環境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/node-v4.2.3-x...
閱讀 2081·2021-11-02 14:48
閱讀 2759·2019-08-30 14:19
閱讀 2928·2019-08-30 13:19
閱讀 1296·2019-08-29 16:17
閱讀 3229·2019-08-26 14:05
閱讀 2985·2019-08-26 13:58
閱讀 3074·2019-08-23 18:10
閱讀 1102·2019-08-23 18:04