使用Hexo+Github搭建個人博客網站

2021-03-02 頂級程式設計師

曾幾何時，筆者也幻想過寫個項目來搭建屬於自己的個人博客。但是，寫程序以及維護的成本，不禁讓我猶豫再三，最後還是選擇了CSDN等博客網站。將近三年的博客生涯，我嘗試了不同的博客網站，各有各的利和弊，不變的是廣告，這讓人很不爽。直到今天，我看到了別人寫的利用Hexo+Github來搭建個人博客網站，如獲至寶。折騰了一陣以後，輕鬆完成了個人博客的搭建，這種清爽的界面風格，讓人耳目一新，同時它又是免費的，功能繁多的，便於維護的。下面，我將會介紹如何來使用Hexo+Github搭建個人博客網站。為了順利地完成個人博客網站的搭建，需要做以下準備工作：安裝Hexo（命令為npm i -g hexo）;搭建博客下面將分步來介紹如何使用Hexo和Github來搭建個人博客網站。創建Github倉庫在Github中新建一個名為username.github.io的空倉庫，其中username是你在GitHub上的用戶名，比如筆者的倉庫名為percent.github.io。配置SSH如果想要使用遠程從你的電腦上傳文件至你的github倉庫，那麼，你就需要配置SSH。點擊你個人Github上的Settings選項，在SSH and GPG keys中配置SSH的公鑰，一般公鑰位於.ssh/id_rsa.pub中，如下圖：
博客初始化新建一個空的文件夾，比如筆者新建了文件夾github_blog，使用hexo init命令初始化博客。初始化後的文件夾結構如下：

.├── _config.yml├── package.json├── scaffolds├── source|   ├── _drafts|   └── _posts└── themes
_config.yml 網站的 配置 信息，您可以在此配置大部分的參數。package.json：應用程式的信息。EJS, Stylus 和 Markdown renderer 已默認安裝，您可以自由移除。scaffolds：模版文件夾。當您新建文章時，Hexo會根據 scaffold 來建立文件。themes：主題文件夾。Hexo 會根據主題來生成靜態頁面。生成個人博客網站
deploy:  type: git  repo: https://github.com/percent4/percent4.github.io.git(第一步創建的Github倉庫)  branch: master
安裝插件npm install hexo-deployer-git --save後，運行如下命令：
這時候，你會看到博客數據會提交至Github的信息，而第一步創建的空倉庫也有了提交內容，當然，你的個人博客也搭建搭建完畢，訪問網址為：https://username.github.io/ ，其中username是你在GitHub上的用戶名。界面如下：
博客維護Hexo提供了一套維護博客的優雅的辦法。筆者在此僅介紹如何新建一篇博客。新建博客格式為markdown格式，比如我想創建一篇名為利用Tornado搭建文檔預覽系統的博客，可以使用以下命令：
hexo new 利用Tornado搭建文檔預覽系統
這時候會在你當前目錄下的source/_posts文件夾下生成利用Tornado搭建文檔預覽系統.md,其中內容如下：
---title: 利用Tornado搭建文檔預覽系統date: 2020-06-09 18:32:29tags:---
其中title為博客標題，date為博客時間，tags為博客標籤。在---後面可以寫博客正文的內容。
當然，Hexo還提供了許多豐富的功能，比如theme（主題）等，這會使得你的博客內容更加豐富，功能更加完善。
-END-
已有50萬人
領取Python案例實戰課

相關焦點

  • Hexo+Github/Gitee 搭建個人博客
    個人博客的好處是你可以隨便折騰，沒有太多限制。搭建個人博客的框架有很多，比如wordpress、Hexo、Vuepress、Jekyll、Django等，Hexo博客簡潔高效，配置簡單，文章可以使用markdown語法編寫，下面介紹 hexo博客搭建步驟。
  • 途牛原創 如何使用 hexo+github 搭建個人博客
    如果你不想要像新浪、csdn 這類樣式醜、頁面內容雜的博客網站，或者不想在移植、遷移上浪費精力，又或者不想付出多餘的銀子買VPS，那麼 GitHub Pages 是不錯的選擇。GitHub Pages 有以下幾個優點：輕量級的博客系統，沒有麻煩的配置免費空間，享受 Git 版本管理功能使用標記語言，比如 Markdown無需自己搭建伺服器可以綁定自己的域名當然他也有缺點：搭配模板系統，相當於靜態頁發布，每運行生成一次都必須遍歷全部的文本文件，網站越大，生成時間越長
  • Github + Hexo 搭建博客
    一轉眼已經過去了四年，最近恰好有想要做的，也有想要分享的，那就重拾一下這個博客，趁著國慶放假，收拾收拾。背起行囊，繼續出發。種一棵樹最好的時間是十年前，其次是現在。那就先簡單記錄一下自己 Github + Hexo 搭建屬於自己的博客的過程吧！
  • 用 GitHub + Hexo 建立你的第一個博客
    建立博客的通常渠道包括：在博客平臺上註冊，比如 博客園、CSDN、新浪博客 等。利用博客框架搭建，如 WordPress、Jekyll、hexo 等。自己用代碼寫一個。其中，第一種最簡單，也最受限，說不定還會被刪帖刪號。第二種稍複雜，另外需要自己找部署的伺服器，但可定製化較高，是很多程式設計師的選擇。
  • Hexo免費搭建一個屬於自己的博客
    ，OK接下來咱們開始搭建吧！一、前言該博客用的是Hexo框架，基於Node.js，搭建博客首先需要有一個GitHub帳號並且配置了SSH Keys（申請步驟這裡就不介紹了，網上教程很多），然後在GitHub裡創建一個名為username.github.io的倉庫，還需要安裝Git、安裝Node.js、安裝Hexo二、準備工作
  • 5分鐘 搭建免費個人博客
    三步完成免費個人博客搭建， 這是一篇小白也能看懂的文章，本文主要針對OS X ，Windows 除了軟體安裝方式和命令有些區別（裝了git bash也一樣），其他基本一樣。你可能經常會看到類似於這樣的博客：
  • 個人博客|第一章|手把手教你搭建、上線個人博客
    」前言Hello，我是淡漠，今天帶大家一起搭建個人博客。個人博客一直都是非常受歡迎的個人項目，個人博客分靜態和動態兩種，淡漠個人比較青睞靜態博客，靜態不需要管理後端，相比動態博客，靜態博客可以不需要花一分錢，開發成本要低一些，畢竟作為學生黨，買伺服器放一個博客網站有點浪費，也可以把精力集中於寫博客，而不是開發博客。
  • 如何用 GitHub 從零開始搭建一個博客?
    作為目前全球最大的程式設計師社區，GitHub 能做的可不僅僅是託管源碼這一操作，你還可以使用 GitHub 的 Pages 功能來搭建一個屬於自己的博客，在上面寫文章，開評論，跟讀者互動，隨意更換博客主題，只要你想折騰，這些都能輕鬆做到。今天跟大家分享一篇文章，教你如何一步步使用 GitHub 搭建出個人博客。
  • 如何用 GitHub 從零開始搭建一個博客 ?
    GitHub 搭建個人博客的文章：【新手向】從零開始搭建一個酷炫免費的個人博客但有些細節方面寫的不是很清楚，依舊有很多小夥伴來反饋沒有搭建成功。今天周末就跟大家分享一篇文章，細節滿分，教你如何一步步使用 GitHub 搭建出個人博客。按照步驟一步步操作下去，你肯定能擁有一個自己的博客，Let's go !準備條件在這裡先跟大家說一些準備條件，有些同學可能一聽到搭建博客就望而卻步。弄個博客網站，不得有臺伺服器嗎？不得搞資料庫嗎？不得註冊域名嗎？
  • 如何搭建一個比簡書更精美的個人博客
    幸好我們生存在一個開源的時代，今天小編就用hexo，帶你搭建一個比簡書更精美的個人博客。只要把hexo部署到雲伺服器再配置一個域名就萬事大吉了。二、部署然而，大多數想嘗鮮的人並不想如此破費。我們也還需要其他方案——利用github來建立自己的主頁。
  • 手把手搭建個人博客(圖文教程)
    首先我們談一談搭建個人博客必要性，個人認為在學習過程中，被動接受知識對你的提高是輕微的。可見搭建個人博客是非常有必要的，很多讀者很早就要求我發一篇搭建個人博客的文章，由於個人時間願意本來想直接轉載，但是在自己實際操作中遇到很多坑，浪費不少時間，都是把主要步驟給出且時間久遠，沒有詳細的圖文配合。
  • 使用GitHub和阿里雲效自動發布博客
    前言我接觸過很多博客平臺：WordPress、Jekyll、Hexo、Typecho和Vuepress，有的是靜態博客有的需要伺服器運維，玩過花裡胡哨後私以為博客最重要的是思考和記錄，而不是不停地裝飾。所以總結一些經驗可以讓大家快速把博客搭建起來，並且不會憂愁後續的維護。
  • 如何擁有個人的Github技術博客
    題圖：87testing.com前不久用wordpress搭建了一個博客，用起來感覺不是太好用，並且資料庫經常會發生異常掛掉
  • 絲滑的博客:基於COS/CDN/CI/Hexo/DNS
    作者介紹羽瀚塵：研究生在讀，喜歡網際網路技術，善於使用公有雲服務滿足現實需求。目前搭建博客有哪些選擇呢？動態博客：WordPress...靜態博客：Hexo、Jekyll、Hugo...對於一般的內容而言，使用動態博客較為複雜，需要資料庫、運行環境的配合。動態博客的代碼也較為複雜，修改代碼進行個性化難度較高。靜態博客就方便多了，如 github 原生支持的 Jekyll 博客。但是 Jekyll 的主題格式不夠多樣化，使用 Hexo 的 Next 主題就不錯。
  • 從零開始搭建個人博客(一)- 使用hugo搭建個人博客
    >>> hugo new site left-pocket-test>>> cd left-pocket-test>>> lsarchetypes content layouts resources themesconfig.toml data public
  • 現在還有1%的程式設計師不會搭建博客,是你嗎?
    在 2020 年如果還沒有自己的技術博客確實有點落伍了，但是搭建自己的技術博客有很多種技術方案，我知道的有  Hexo, jeklly, vuepress  等。寵粉無邊，所以儘量所有的技術方案都手把手教大家一輪，讓大家都有自己的個人博客。
  • Hexo博客寫作與圖片處理的經驗
    本文介紹了如何處理博客博客編寫過程中插入圖片，上傳圖片等一些問題，希望我的經驗能夠對大家有幫助。目標我的目標是使用Typora編寫博客，編寫過程中可能通過拷貝、粘貼插入圖片，也可能從網絡上下載圖片。希望能夠達到以下效果：•使用Typora編寫的時候能夠實時看到圖片•本地使用hexo server瀏覽效果時，也能夠看到圖片•圖片和Markdown文件放一起都上傳到GitHub pages。我沒有選擇圖床作為圖片的保存方式，一方面免費的圖床很不穩定，另一方面使用圖床在沒有網絡的情況下可能瀏覽器來還是不太方便。我還是習慣將所有筆記最終都歸檔保存在Evernote中。
  • 手把手免費搭建個人博客網站
    建站三要素：伺服器、域名、建站模板伺服器可以是硬體主機和虛擬主機，硬體主機包括大型伺服器、工作站、個人電腦或者是樹莓派等掌上電腦，大型機房產生的費用有主機託管費、固定帶寬費用、電費、購買伺服器的費用。本次教程使用GitPage可以達到免費試用的目的。域名可以在各大域名購買網站註冊，比如國內比較流行的萬網，一般的.com域名價格在55/年，需要提醒的是域名必須通過備案才能使用。網上很多出售建站模板的網站，可以根據需求類型購買即可。官網商城類可以去凡客，博客框架可以使用wordpress或者Hexo。
  • 零代碼教你用 GitHub 搭建個人博客!
    轉自量子位，作者賴可GitHub 不僅可以傳代碼，還可以建博客。利用 GitHub Pages 平臺，就可以搭建非常好用的個人博客。但是難點在於，你在要敲很多代碼才能搭出一個博客。對於小白和新手來說，太不友好。沒關係！現在不用寫代碼也可以了。不需要敲碼，不用寫使用命令行，可以自定義主題，還能有自己的域名。
  • iOS14搭配快捷指令在手機上寫hexo博客
    突然想起博客年久失修，生活博客半年沒更，技術博客半年內倒是更了兩個，但都是寫了標題沒寫多少內容。不玩lol了之後是越來越懶得動電腦，家裡的臺式機也就是在吃飯的時候才打開20分鐘用B站下飯。由於博客使用hexo搭建，不開電腦的話更新的機率就很小。所以我就想，我能不能在手機上寫博客，再用一種快捷的方式推送到伺服器上？