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