1. 程式人生 > >Windows下搭建免費個人部落格

Windows下搭建免費個人部落格

三步完成免費個人部落格搭建,本文主要針對Windows系統我的是WIN10,OS X請參考
5分鐘 搭建免費個人部落格

1.建立Github 域名和空間

1.1註冊

首先需要註冊一個Github賬號,如果你已經有請跳過此步直接看1.2建立倉庫,注意username,這會影響到你的域名,你的域名將會是 username.github.io,所以認真的取個名字吧。

註冊過程可能需要驗證你的郵箱,其他就不在贅述。

1.2建立倉庫

然後需要建立一個倉庫(repository) 來儲存我們的網站,點選首頁任意位置出現的 New repository按鈕建立倉庫, Respository name 中的username.github.io 的username 一定與前面的Owner 一致,記住你的username下面會用到。

第一步就已經完成了,下面是安裝。

2.安裝

下面需要安裝的工具包括 Github,Nodejs,Hexo。Windows 使用者自行搜尋這些工具,直接安裝即可.安裝node.js和git。hexo利用node.js開發,安裝Github、Nodejs後,用命令安裝hexo。

2.1安裝Github

2.2安裝Nodejs

https://nodejs.org/en/直接下載,下載下來的msi包一直點選下一步即可,當然可以選擇安裝目錄,本人選擇安裝在了D盤(c盤分的太小了)。
我安裝的是第一個版本。

2.3安裝Hexo

以上都安裝完成之後再安裝Hexo,開啟Git shell,如下圖


輸入命令 npm install -g hexo

到這裡所有必須工具已經安裝完成,下面我們就可以生成部落格,上傳至我們的Github 倉庫了。

3. 編寫,釋出

接下來我們需要用Hexo初始化一個部落格,然後更改一些自定義的配置,或者加上自己喜歡的主題,寫上第一篇文章,然後釋出到自己的個人Github網站(qingfeng825.github.io)。

3.1建立部落格

將下面的 qingfeng825 替換成你自己的username,執行成功後,會創建出一個名為 qingfeng825.github.io 的資料夾,部落格相關的配置、主題與文字內容等都在此目錄下由 hexo 進行管理。當然這裡的命令也是在Git Shell中敲的。命令為npm init qingfeng825.github.io

3.2編輯文章

完成上述步驟後,本地的 hexo 已經基本搭建完成了。
現在,我們希望新建一篇名為Hello World的文章,我不會告訴你我是個碼農。在 shell 中執行:cd qingfeng825.github.io將工作目錄切換到\qingfeng825.github.io下,如果已經在此目錄下則直接進行如下命令hexo new "Hello World"!,然後輸入命令:hexo server
成功執行上述指令後,開啟瀏覽器,訪問 localhost:4000,如果出現下圖中的Hello World則說明你的 hexo 部落格已經搭建成功了。如果你希望退出服務,輸入 ctrl + C 即可。

,沒有出現完全相同的介面也不要急,因為我是提前做好了主題設定,下面會涉及到只要看到Hello World即可。

3.3安裝hexo-deployer-git自動部署釋出工具

要想把文章釋出出去,必須安裝命令如圖

3.4修改_config.yml

釋出之前還有一些工作要做那就是配置_config.yml,

  • deploy:

  • type: git

  • repo: [email protected]:qingfeng825/qingfeng825.github.io.git

  • branch: master

看準了所有“:”後面有一個英文空格,沒有會出錯的。

3.5釋出

配置完這些資訊後可以敲命令瞭如圖。
兩個命令分別為hexo generate
hexo deploy(注意先後順序看圖)

完成這些操作之後你就可以點選http://qingfeng825.github.io 訪問了。
最後應該是類似這個樣子的

4 主題設定

選擇一款適合你的主題
hexo 預設的主題樣式是 landscape,也許你希望使用更多樣、更個性化的主題風格。在 github 上有許多開源的 hexo 主題,你只需要把它們克隆到 ~/blog/themes 目錄下,並在 ~/blog/_config.yml 的 theme 屬性中設定你希望使用的主題,然後重新生成頁面部署即可。
這裡推薦幾個在 github 上 star 數較高的主題:

這些主題怎麼配置在這裡就不講了,因為他們都是開源的而且專案本身介紹已經很詳細。當然,如果你自己就是一名優秀的前端工程師,甚至可以自己定製一份屬於自己獨一無二的 hexo-theme,你還可以把你的作品開源到 github 上供更多的 hexo 使用者使用與學習。

參考文章有如下幾篇

相關推薦

Windows搭建免費個人部落

三步完成免費個人部落格搭建,本文主要針對Windows系統我的是WIN10,OS X請參考 5分鐘 搭建免費個人部落格 1.建立Github 域名和空間 1.1註冊 首先需要註冊一個Github賬號,如果你已經有請跳過此步直接看1.2建立倉庫,注

hexo+github搭建免費個人部落

閱讀本文應具備的知識: 瞭解 git 和 github 具備 markdown 語法基礎知識 1.在 github 建立屬於自己的 github.io 你要有一個 github 賬號,並建立自己的 github.io 倉庫,不懂可以查我這篇文章

使用hexo+github搭建免費個人部落詳細教程

前言 使用github pages服務搭建部落格的好處有: 全是靜態檔案,訪問速度快;免費方便,不用花一分錢就可以搭建一個自由的個人部落格,不需要伺服器不需要後臺;可以隨意繫結自己的域名,不仔細看的話根本看不出來你的網站是基於github的;資料絕對安全,基於githu

Debian 8.9 搭建wordpress個人部落

想自己搭個部落格玩玩,就搭建了此部落格,過程可謂艱辛啊! 先在阿里雲買了個  輕量應用伺服器 1個月10塊錢,好貴。。。。 用 windows sever 下載不了phpstudy,也不知道怎麼回事。。。應該是我的問題。所以就得用純命令列的 Debian    也是

基於Ubuntu 搭建 WordPress 個人部落 - 開發者實驗室 - 騰訊雲

  1.準備 LAMP 環境 安裝 Apache2 在終端輸入該命令 ,使用  apt-get 安裝 Apache2:

阿里雲快速搭建 WordPress 個人部落

優惠資訊: 學生請點右邊:學生優惠產品-雲翼計劃-超值9.5元即可,需要學生證 阿里雲限時紅包:最高1888元雲產品通用紅包,可疊加官網常規優惠使用,不領白不領!! 輕量伺服器:最實惠最方便最快速的伺服器,從入門級到高配都有   建立伺服器 登入輕量應用

2018 - CentOS 7.5 搭建 WordPress 個人部落

一、搭建 LNMP 環境( Linux 、Nginx 、MySQL 、PHP)    1.1 安裝 Nginx 、MySQL 、PHP    1.2 配置 Nginx    1.3 配置 MyS

基於docker在阿里雲上搭建WordPress個人部落

環境 centos7.4 安裝docker見https://blog.csdn.net/weixin_38280090/article/details/83590192 下載image docker pull wordpress:latest #下載wordpress在dockerh

騰訊雲搭建WordPress個人部落

原作者連結 http://vrfxie.blog.51cto.com/11026252/1877410    現在雲時代,搭建自己個人網站的成本越來越低了,特別是學生。不管你是否從事IT行業,趁騰訊雲還有學生優惠,趕緊上車玩玩吧,搭建屬於獨立域名的私人部落格,

React 部落系列 (1) 搭建個人部落

React 搭建的個人部落格 github個人部落格原始碼持續更新中。。。 小白起步,搭建的個人部落格,具有前端和管理端,還未完工,會持續更新。前後端分離,前端採用Mock.js模擬資料,部分引用antd元件,後端利用MongoDB儲存,axios傳遞資料,相關技術

使用tale搭建一個個人部落

使用騰訊雲伺服器->Ubuntu16.04 LTS 64 + 域名  tale github -> github https://github.com/otale/tale/blob/master/install.sh  putty ->&nb

Jekyll + Github = 簡單搭建一個個人部落

在我成功試水,搭建了自己的個人部落格後,我體會到了 Jekyll 製作網站的輕便性。而 GitHub Pages 對 Jekyll 的支援,又省去了建站時伺服器和域名的搭建過程。在查閱網上的資料時,大牛們都是先在本地做好 Ruby + Jekyll 的環境,除錯完成後再上傳至 GitHub 上

github或者oschina搭建hexo個人部落

hexo 搭建過程中遇到的問題 1.github +hexo生成個人部落格 網址http://www.cnblogs.com/jackyroc/p/7681938.html 2.oschina +hexo 生成個人部落格 網址https://blog.csdn.net/wrp0101

利用gitlab pages和hexo搭建一個個人部落

AI’boy原創,轉載請註明出處。 1.使用github pages存在的問題 目前網上有很多利用github pages和hexo搭建個人部落格的教程,但是github目前拒絕了百度蜘蛛的爬取,因此如果希望自己的部落格能夠被百度收錄,就需要採用一些

在github上搭建hexo個人部落(Linux-Ubuntu)

什麼是 Hexo? Hexo 是一個部落格框架,用來生成靜態網頁。 安裝前提 安裝 Hexo 很簡單。但是在安裝前,需要檢查電腦裡有沒有這兩樣東西。 - Node.js - Git 以下安裝都是基於Ubuntu平臺下 安裝 Git 開啟終

如何釋出新文章到hexo搭建個人部落

用github+hexo搭建完個人部落格後,朋友們應該很想知道怎麼在上面寫博文吧,這裡介紹一個很簡單的方法 你可以使用CSDN網上面提供的MarkDown編輯器 http://write.blog.csdn.net/mdeditor (在csdn部落格寫新文章

通過GitHub和GoDaddy搭建靜態個人部落

一、建立GitHub個人主頁 通過GitHub建立個人部落格的好處:無廣告,因為頁面程式碼全是你自己寫的;免費,不用買主機;裝X;設計和編碼練習。 1. 在GitHub上建立一個新的repository,名稱格式為:GitHub使用者名稱.github.io。比如我的GitHub使用者名稱為openxxs,則

使用阿里雲的ECS例項建立LAMP環境的wordpress個人部落網站

0. 配置ESC伺服器   沒有獲得阿里雲ESC伺服器的同學可以通過點選開啟連結來獲得折扣雲主機 ,獲得的ESC例項需要安裝系統,這裡我們推薦安裝ubuntu16.04,在安裝完了之後我建議立刻做一個快照。建立映象向可以參照下圖: 在建立完例項和快照後,由於阿里雲

Centos搭建 WordPress 個人部落

準備 LNMP 環境 LNMP 是 Linux、Nginx、MySQL 和 PHP 的縮寫,是 WordPress 部落格系統依賴的基礎執行環境。我們先來準備 LNMP 環境 安裝 Nginx 使用 yum 安裝 Nginx: yum install

Mac搭建hexo3.0部落

window環境下搭建hexo部落格 安裝Node.js和git 安裝Node.js 到Node.js網站上下載字尾為pkg的檔案,點選安裝。 在終端下輸入 node -v npm -v 若無錯,則顯示版本號 本人的資訊如