WordPress
1奶甘、域名與服務(wù)器購(gòu)買
2014年12月,在萬網(wǎng)上購(gòu)買了ursb.me
這個(gè)非常魔性的域名昔园。之后在淘寶買了個(gè)虛擬空間僻弹,將DNS解析到這個(gè)虛擬空間的IP地址阿浓。
淘寶上購(gòu)買虛擬空間價(jià)格適中,但是質(zhì)量無法保證蹋绽,有一次幫舍友掛了學(xué)生會(huì)的投票網(wǎng)站芭毙,然后pv超過了2000,就把我服務(wù)器封停了蟋字,說我刷流量……
現(xiàn)在的話,推薦使用新浪的SAE扭勉,它也內(nèi)置Wordpress鹊奖,很方便的一鍵安裝偏形,不過貌似限制了模板和插件的使用液走。(云豆又漲價(jià)了C窆印A)
2、WordPress的安裝與配置
百度上下了Wordpress的安裝包两蟀,按照教程安裝网梢,安裝很簡(jiǎn)單,一直點(diǎn)下一步就行了赂毯,期間配置的Mysql數(shù)據(jù)庫(kù)是虛擬空間附帶的战虏。安裝好之后,發(fā)現(xiàn)Wordpress還是蠻帥的党涕。
至少比QQ空間bigger多了烦感。
3、安裝模板
找了個(gè)三欄博客模板膛堤,裝了上手趣。
酷酷的。
4肥荔、安裝插件
折騰各種插件绿渣,什么論壇插件、等級(jí)插件燕耿、評(píng)論插件……硬生生的把個(gè)人博客搞得和個(gè)人論壇差不多中符。
5、書寫博客
Wordpress的后臺(tái)還是比較強(qiáng)大的缸棵,其中的編輯器還是和word差不多的富文本編輯器舟茶。當(dāng)年技術(shù)不到家,寫的博客也就是隨便寫寫完完堵第。
一切都弄好了吧凉,但,總感覺有些不對(duì)勁的地方踏志。
Hexo
1阀捅、GitPage
使用GitHub之后,發(fā)現(xiàn)了Page服務(wù)针余。我就在想饲鄙,可不可以將個(gè)人博客搬進(jìn)來呢?果然圆雁,百度一下忍级,教程一大堆。這里隨便放一個(gè):史上最詳細(xì)“截圖”搭建Hexo博客并部署到Github | 百度經(jīng)驗(yàn)
……
此處省略配置和折騰的步驟伪朽。
博客而已轴咱,最多有個(gè)社交化評(píng)論,加上博客,一個(gè)數(shù)據(jù)庫(kù)也就兩個(gè)表朴肺,個(gè)人博客真的有必要用數(shù)據(jù)庫(kù)嗎窖剑?
答案是否定的。博客靜態(tài)化戈稿,評(píng)論使用第三方的多說西土,就可以了。靜態(tài)的博客更有利于搜索引擎蜘蛛爬取鞍盗,輕量化的感覺真的很好需了。
Google一下,很容易搜到我的文章橡疼。(百度的蜘蛛不爬Github援所,如果要百度索引到,建議使用Coding的page服務(wù)欣除,但是被百度索引到其實(shí)不是什么好事住拭,訪客質(zhì)量會(huì)低很多)
2、Markdown
Markdown 真的是專門針對(duì)程序員開發(fā)的語(yǔ)言啊历帚,現(xiàn)在感覺沒有 Markdown 什么都不想寫滔岳。什么富文本編輯器,什么word挽牢,太麻煩了谱煤!而且樣式都好丑!效率太低禽拔!
現(xiàn)在寫作業(yè)還是寫畢業(yè)論文刘离,統(tǒng)統(tǒng)用 Markdown 寫,之后導(dǎo)出PDF交上去睹栖。(如果要求Word硫惕,再?gòu)?fù)制黏貼改下格式)
至于Markdown的編輯器,我用過免費(fèi)的 Mou野来,MacDown恼除,GitBook Editor,還有收費(fèi)的Ulysses曼氛,Quiver豁辉,馬克飛象。這幾款我基本都在用舀患,簡(jiǎn)單說說它們的優(yōu)缺點(diǎn)吧徽级。
Mou:用的最少,優(yōu)點(diǎn)是免費(fèi)聊浅、簡(jiǎn)潔餐抢,缺點(diǎn)是沒法解析編程語(yǔ)言堵幽。
MacDown:我用來敲Hexo的博客,沒有優(yōu)點(diǎn)弹澎,沒有缺點(diǎn),很平淡很普通努咐,所以喜歡苦蒿。(上次敲了1500行代碼,就卡死了渗稍,所以估計(jì)不能敲太長(zhǎng)的文章)
GitBook Editor:關(guān)聯(lián)GitBook佩迟,寫書的時(shí)候用,點(diǎn)擊同步之后自動(dòng)執(zhí)行Git操作竿屹,非常方便报强。
Ulysses:逼格最高的一款,真正的跨設(shè)備云同步拱燃,有iOS版秉溉,可以手機(jī)敲完電腦繼續(xù)敲。但是編程語(yǔ)言解析有點(diǎn)小問題(風(fēng)格和其他幾款不一樣碗誉,所以不習(xí)慣)召嘶,沒有預(yù)覽功能(這是次要的)。
Quiver:程序員書寫神器哮缺,除了支持Markdown弄跌,還支持Code以及富文本編輯器,強(qiáng)大的筆記本管理機(jī)制尝苇,堪比單機(jī)版的印象筆記铛只。給它82分,剩下18分拆成3個(gè)6送給它糠溜。寫作業(yè)淳玩、寫草稿、寫論文诵冒,全部用它凯肋。
馬克飛象:印象筆記最大的詬病是不支持Markdown,所以第三方就開發(fā)了這個(gè)馬克飛象汽馋,按年收費(fèi)的侮东。相當(dāng)于印象筆記的Markdown編輯器,寫東西立刻同步到印象筆記豹芯。因?yàn)槲业挠∠蠊P記基本被我用來當(dāng)收藏夾了悄雅,很少在里面放原創(chuàng)的東西,所以用這款編輯器的機(jī)會(huì)也比較少铁蹈。
3宽闲、圖床
Markdown要顯示圖片的話,只能使用外鏈的形式了。
七牛云容诬,不解釋娩梨。
理由:國(guó)內(nèi)的,免費(fèi)的(每個(gè)月送的額度很多)览徒。額狈定,只有去年9月份超額了1角錢,因?yàn)槟嵌螘r(shí)間在寫書习蓬,瀏覽量比較大……
如果還有沒注冊(cè)的小伙伴纽什,可以點(diǎn)此注冊(cè)。
4躲叼、Hexo主題
我用的是yilia主題芦缰,之前也用過大名鼎鼎的Next。但是還是對(duì)分欄的主題情有獨(dú)鐘枫慷。
yilia提倡的是簡(jiǎn)潔(雖然比不上Next簡(jiǎn)潔)让蕾,但是有些細(xì)節(jié)還是不滿意。之后發(fā)現(xiàn)了yelee或听,這個(gè)是yilia的改版涕俗,很華麗,我就參照yelee自己修改了一下yilia神帅。
參考:yelee更新日志
5再姑、修復(fù)相冊(cè)
yilia主題的相冊(cè)功能使用的是instagram的API,很可惜找御,天朝的墻太厚了元镀,instagram注冊(cè)還必須要海外的手機(jī),不然短信都收不到霎桅。所以這個(gè)解決方案行不通栖疑。
不過,yilia主題為我們提供相冊(cè)的樣式還是挺不錯(cuò)的滔驶,只要解決了圖片的來源就可以實(shí)現(xiàn)相冊(cè)功能了遇革。
6、美化多說
參考這篇文章:多說樣式折騰記錄 — 添加 UA 瀏覽器標(biāo)識(shí)揭糕、旋轉(zhuǎn)頭像等 | MOxFIVE的博客
7萝快、修改logo,添加捐助頁(yè)面著角,添加版權(quán)信息
略揪漩。反正也沒人捐。反正也沒人轉(zhuǎn)吏口。
8奄容、站點(diǎn)pv統(tǒng)計(jì)
使用不蒜子冰更。
兩行代碼,搞定計(jì)數(shù)昂勒。
<script async src="http://dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv">本站總訪問量<span id="busuanzi_value_site_pv"></span>次</span>
9蜀细、GitHub與Echarts嵌入
參考:
更多細(xì)節(jié),參考我fork的yilia主題項(xiàng)目:https://github.com/airingursb/hexo-theme-airia
寫博客的好處
不是為了寫而寫戈盈,而是想寫才去寫审葬。
不要考慮它能帶給你什么,而是你自己從中收獲了什么奕谭。
比如這篇,我真的是手癢了痴荐,所以半夜11點(diǎn)半打開電腦敲下此文……不然恐怕都睡不著……
最后血柳,歡迎各位訪問我的博客——ursb.me,很好記的對(duì)不對(duì)生兆?
晚安难捌。