摘要:下面貼上棧長(zhǎng)博客的地址,也是技術(shù)棧的官方博客地址今天分享一下,如何從開始搭建一個(gè)自己的技術(shù)博客,基于棧長(zhǎng)的博客。的國(guó)內(nèi)訪問(wèn)不是很快,這里推薦使用自己搭建國(guó)內(nèi)的云服務(wù)器,使用搭建靜態(tài)服務(wù)。
技術(shù)博客的選型有很多種,如:博客園、CSDN、開源中國(guó)、簡(jiǎn)書、知乎等……都可以用來(lái)寫文章,形成自己的技術(shù)博客。
上面的博客都是第三方的,有沒(méi)有方式搭建自己的服務(wù)器、自己的域名的博客呢?棧長(zhǎng)知道的成熟方案有:WordPress, Hexo 等,棧長(zhǎng)的博客就是用 Hexo 搭建的。
下面貼上棧長(zhǎng)博客的地址,也是Java技術(shù)棧的官方博客地址:
www.javastack.cn
今天分享一下,如何從 0 開始搭建一個(gè)自己的技術(shù)博客,基于棧長(zhǎng)的 Hexo 博客。
為什么選用 Hexo ?Hexo 是一個(gè)快速、簡(jiǎn)潔且高效的博客框架,利用 Markdown 即可自動(dòng)生成靜態(tài)網(wǎng)頁(yè)。
官網(wǎng):https://hexo.io/
1)超快速度
Node.js 所帶來(lái)的超快生成速度,讓上百個(gè)頁(yè)面在幾秒內(nèi)瞬間完成渲染。
2)支持 Markdown
Hexo 支持 GitHub Flavored Markdown 的所有功能,甚至可以整合 Octopress 的大多數(shù)插件。
3)一鍵部署
只需一條指令即可部署到 GitHub Pages, Heroku 或其他網(wǎng)站。
4)豐富的插件
Hexo 擁有強(qiáng)大的插件系統(tǒng),安裝插件可以讓 Hexo 支持 Jade, CoffeeScript。
以上來(lái)自 Hexo 官網(wǎng)介紹。
域名服務(wù)器想擁有自己的博客,域名和服務(wù)器是不可少的兩個(gè)部件。
1)域名
注冊(cè)域名很簡(jiǎn)單的,幾十塊錢搞定的事,大家可以去萬(wàn)網(wǎng)、阿里云、騰訊云等平臺(tái)上面注冊(cè)。
2)服務(wù)器
可以使用各種云服務(wù)器,也可以使用 Gitbub 提供的 Pages 托管服務(wù)。
Github 的國(guó)內(nèi)訪問(wèn)不是很快,這里推薦使用自己搭建國(guó)內(nèi)的云服務(wù)器,使用 Nginx 搭建靜態(tài)服務(wù)。
Hexo 安裝安裝 Hexo 需要提前安裝好 NodeJs,這里就不說(shuō)明了,自行安裝即可。
安裝好 NodeJs 之后就可以安裝 Hexo 了:
1)安裝
npm install hexo-cli -g
2)初始化
hexo init blog cd blog npm install
3)啟動(dòng)
hexo server
或者簡(jiǎn)寫:
hexo s
4)訪問(wèn)
打開 localhost:4000 即可打開默認(rèn)的博客主頁(yè):
Hexo 文件介紹來(lái)看下 blog 目錄下生成的目錄和文件:
$ ll total 125 -rw-r--r-- 1 R 1049089 1846 十二 18 14:12 _config.yml -rw-r--r-- 1 R 1049089 21622 十二 18 14:15 db.json drwxr-xr-x 1 R 1049089 0 十二 18 14:15 node_modules/ -rw-r--r-- 1 R 1049089 447 十二 18 14:15 package.json drwxr-xr-x 1 R 1049089 0 十二 18 14:12 scaffolds/ drwxr-xr-x 1 R 1049089 0 十二 18 14:12 source/ drwxr-xr-x 1 R 1049089 0 十二 18 14:12 themes/
介紹下這幾個(gè)目錄和文件:
_config.yml:博客主要的配置文件;
node_modules:NodeJs的依賴模塊;
scaffolds:提供了三種不同的文章模版;
文章布局 | 對(duì)應(yīng)目錄 |
---|---|
post | source/_posts |
page | source |
draft | source/_drafts |
source:博客文章默認(rèn)所在的目錄;
themes:博客主題目錄,默認(rèn):landscape;
創(chuàng)建一篇文章1)創(chuàng)建文章
使用命令:
hexo new "My New Post"
這樣默認(rèn)為 post 文章,或者直接復(fù)制草稿模板至 source/_posts 目錄;
2)生成靜態(tài)網(wǎng)頁(yè)
hexo generate
或者使用簡(jiǎn)寫:
hexo g
這樣就能在博客目錄生成一個(gè) public 目錄。
$ ll total 12 drwxr-xr-x 1 R 1049089 0 十二 18 14:40 2018/ drwxr-xr-x 1 R 1049089 0 十二 18 14:40 archives/ drwxr-xr-x 1 R 1049089 0 十二 18 14:40 css/ drwxr-xr-x 1 R 1049089 0 十二 18 14:40 fancybox/ -rw-r--r-- 1 R 1049089 6660 十二 18 14:40 index.html drwxr-xr-x 1 R 1049089 0 十二 18 14:40 js/
如需要重新生成可以執(zhí)行一下清理命令:
hexo clean
3)發(fā)布到服務(wù)器
如果使用了 Github 的 Pages 托管服務(wù),那么需要配置 _config.yml 中的如下配置:
deploy: type: git repo: - git@github.com:xxxxxx/javastack.github.io.git branch: master
然后使用發(fā)布命令:
hexo deploy
如果使用云服務(wù)器,將靜態(tài)服務(wù)器的主目錄設(shè)置為 public 這個(gè)目錄即可。
切換主題主題選擇:https://hexo.io/themes/
在 Hexo 的主題網(wǎng)站下載一個(gè)自己的主題,如棧長(zhǎng)的博客使用的是 icarus。下載之后把它扔到 themes 目錄,然后修改配置文件中的默認(rèn)主題即可。
theme: icarus
這個(gè)主題可以預(yù)覽棧長(zhǎng)的博客:www.javastack.cn
也可以進(jìn)入主題目錄對(duì)這個(gè)主題進(jìn)行自定義修改。
總結(jié)大概的博客搭建及文章發(fā)布的操作就這些了,其實(shí)這里面還有更多的細(xì)節(jié),包括插件、自定義主題、永久鏈接、文章分類、標(biāo)簽等,更多的大家可以去 Hexo 官方文檔里面去看。還有,你得對(duì) Markdown 格式需要熟悉。
如果你也在使用 Hexo 搭建博客,有什么問(wèn)題也可以關(guān)注下面的微信公眾號(hào)找我,或許我能給你點(diǎn)經(jīng)驗(yàn),棧長(zhǎng)我知道的都可以解答。
本文原創(chuàng)首發(fā)于微信公眾號(hào):Java技術(shù)棧(id:javastack),關(guān)注公眾號(hào)在后臺(tái)回復(fù) "Java" 可獲取更多,轉(zhuǎn)載請(qǐng)?jiān)瓨颖A舯拘畔ⅰ?/pre>
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/73228.html
摘要:優(yōu)秀文章推薦干貨盤點(diǎn)測(cè)試框架詳解應(yīng)用系統(tǒng)分布式構(gòu)建運(yùn)維私藏項(xiàng)目實(shí)操分享版本開源云盤,十分鐘快速搭建面試題總結(jié)基于手寫實(shí)現(xiàn)帶注冊(cè)中心和注解進(jìn)程查看和進(jìn)程管理個(gè)要點(diǎn),分鐘說(shuō)清架構(gòu)體系干貨盤點(diǎn)定時(shí)器面試官講講雪花算法,越詳細(xì)越好修改監(jiān) 優(yōu)秀文章推薦1、#yyds干貨盤點(diǎn)# pytest測(cè)試框架詳解2、應(yīng)用系統(tǒng)分布式構(gòu)...
摘要:這是年的第篇文章,也是汪子熙公眾號(hào)總共第篇原創(chuàng)文章。本文介紹曾經(jīng)工作過(guò)的三款產(chǎn)品中的使用場(chǎng)景。我們?cè)诰庉嬳?yè)面里選擇,這個(gè)下拉菜單里的選擇,決定了我們可以將哪些標(biāo)準(zhǔn)的哪些字段,傳遞給最終會(huì)被嵌入到標(biāo)準(zhǔn)頁(yè)面的自開發(fā)頁(yè)面里。 這是 Jerry 2021 年的第 73 篇文章,也是汪子熙公眾號(hào)總共第 350 篇原創(chuàng)文章...
摘要:這是年的第篇文章,也是汪子熙公眾號(hào)總共第篇原創(chuàng)文章。使用通過(guò)格式發(fā)送和文件到服務(wù)器關(guān)于格式的詳細(xì)說(shuō)明,參考開發(fā)社區(qū)和的文檔我在前文例子的基礎(chǔ)上稍作修改在里使用兩個(gè)類型為的標(biāo)簽,分別上傳和文件用來(lái)測(cè)試的本地文件,大小為字節(jié)。 這是 Jerry 2021 年的第 71 篇文章,也是汪子熙公眾號(hào)總共第 348 篇原創(chuàng)文章。 Jerry 之前發(fā)布過(guò)一篇文章 不使用任何框架,手寫純 Jav...
閱讀 2980·2021-11-16 11:45
閱讀 5124·2021-09-22 10:57
閱讀 1763·2021-09-08 09:36
閱讀 1584·2021-09-02 15:40
閱讀 2508·2021-07-26 23:38
閱讀 1184·2019-08-30 15:55
閱讀 923·2019-08-30 15:54
閱讀 1213·2019-08-29 14:06