1. 程式人生 > >一晚上搭建個人域名部落格Github+Hexo

一晚上搭建個人域名部落格Github+Hexo

搭建個人域名部落格其實沒有那麼難。下班到家後,九點開始,十二點半的時候就可以訪問了http://www.lvchongstudio.top
接下來就記錄一下整個搭建的過程,以及這其中的坑,重點是坑。

首先要準備的環境
Node.js
git
阿里雲購買域名(.top的域名現在兩塊一年)

現在開始幹活

建立一個倉庫repository,倉庫名稱為“自己GitHub的使用者名稱.github.io”(例如我的是:lvchongstudio.github.io),這個是GitHub為個人部落格提供的專門的倉庫,必須以此命名。

開啟命令列,執行下面語句

(可選:cd進入你想存放部落格搭建程式碼的資料夾)

(下文的”lvchongstudio.github.io”均需要以自己的倉庫名替換)

npm install hexo-cli -g
hexo init lvchongstudio.github.io
cd lvchongstudio.github.io
npm install
hexo server

到此會執行到如圖介面,然後在瀏覽器開啟命令列最後一行的連結,即可進入預設的部落格介面。

將本地的部落格頁面關聯到GitHub上(”lvchongstudio.github.io”資料夾下點選右鍵,通過”git bash here”開啟命令列):

  1. 檢查(生成)ssh金鑰。

  2. 在github上新增ssh金鑰

檢查本機的ssh金鑰

cd ~/.ssh

如果提示:No such file or directory 說明你是第一次使用git。
生成新的SSH Key:

`ssh-keygen -t rsa -C "郵箱地址"`

然後回車就好

注意1: 此處的郵箱地址,你可以輸入自己的郵箱地址;注意2: 此處的「-C」的是大寫的「C」

然後系統會要你輸入密碼:

Enter passphrase (empty for no passphrase):<輸入密碼>

Enter same passphrase again:<再次輸入密碼>

在回車中會提示你輸入一個密碼,這個密碼會在你提交專案時使用,如果為空的話提交專案時則不用輸入。這個設定是防止別人往你的專案裡提交內容。

注意:輸入密碼的時候沒有*字樣的,你直接輸入就可以了。

1、開啟本地C:\Documents and Settings\Administrator.ssh\id_rsa.pub檔案。此檔案裡面內容為剛才生成人金鑰。如果看不到這個檔案,你需要設定顯示隱藏檔案。準確的複製這個檔案的內容,才能保證設定的成功。

2、登陸github系統。點選右上角的 Account Settings—>SSH Public keys —> add another public keys

3、把你本地生成的金鑰複製到裡面(key文字框中), 點選 add key 就ok了

測試

可以輸入下面的命令,看看設定是否成功,[email protected]的部分不要修改:

ssh -T [email protected]

顯示個人github賬號資訊表示成功。

配置Hexo(其實很簡單)

首先在lvchongstudio.github.io目錄下找到_config.yml檔案,用記事本開啟,修改最後deploy處。

(其他地方可自行查閱官方文件修改,後續blog也可能新增修改教程)

deploy:
  type: git
  repository: https://github.com/LvChongStudio/lvchongstudio.github.io.git
  branch: master
  plugins: -hexo-generator-feed

繼續在”git”命令列視窗操作(上一個命令列)

npm install hexo-deployer-git --save

將部落格上傳到github

繼續在”git”命令列視窗操作(上一個命令列)

git init

git add .

git commit -m "first commit"

git remote add origin https://github.com/LvChongStudio/lvchongstudio.github.io.git

git push -u origin master

hexo g

hexo d

關聯已購買的域名

  1. 在github當前倉庫頁點選Creat New file,然後name your file處填”CNAME”,正文填已經購買的域名,然後點選commit。

  2. 在命令列通過ping得到github自己部落格頁的ip地址

    ping lvchongstudio.github.io

  3. 在域名控制檯找到自己購買的域名,然後點選解析,再點新增解析,將自己ping到的ip地址填上去。

謝謝大家

相關推薦

晚上搭建個人域名部落Github+Hexo

搭建個人域名部落格其實沒有那麼難。下班到家後,九點開始,十二點半的時候就可以訪問了http://www.lvchongstudio.top。 接下來就記錄一下整個搭建的過程,以及這其中的坑,重點是坑。 首先要準備的環境 Node.js git 阿里雲購

hexo+gitHub搭建個人獨立部落()

最新資訊 谷歌的一篇文章則著重說明了新成立的指導小組將如何“讓MDN成為最好的Web參考文件,幫助我們更好地進行Web開發”。指導小組目前的成員包括微軟、谷歌、Mozilla、三星和W3C。值得注意的是,蘋果公司並沒有參與這次釋出宣告。 前言 一直想要

使用jekyll+Github搭建個人獨立部落

step 1.選擇GitHub作為部落格伺服器 Repository name(倉庫名)必須是 your_user_name.github.io 比如我的使用者名稱是admin,那麼倉庫的名稱就必須是admin.github.io ,這

基於mkdocs-material搭建個人靜態部落

基於mkdocs-material搭建個人純靜態部落格,沒有php,沒有mysql 如果你只是想安安靜靜的放一些技術文章,釋出到個人站點或github-pages,mkdocs-material很適合你 小慢哥的原創文章,歡迎轉載 本文僅是縮略,筆者已將詳細內容釋出到github上

搭建個人部落

部落格剛搭好歡迎瀏覽,以後會在上面放自己刷oj時的程式碼、演算法筆記、其他一些IT技術 買伺服器 買域名 去阿里雲買即可 登陸防護 用putty進去後對VPS做一下安全防護 新建一個使用者test useradd test 修

步步搭建自己的部落網站

原材料:1.Linux伺服器2.域名(可無)3.部落格系統首先使用Xshell連線Linux伺服器(CentOS 7.4 X64)執行命令:下載並安裝(寶塔):yum install -y wget && wget -O install.sh http://d

乾貨!從0開始,0成本搭建個人動態部落

首發於微信公眾號《前端成長記》,寫於 2019.10.12 導讀 有句老話說的好,好記性不如爛筆頭。人生中,總有那麼些東西你願去執筆寫下。 本文旨在把整個搭建的過程和遇到的問題及解決方案記錄下來,希望能夠給你帶來些許幫助。 本文涉及的主要技術: Vue3.0 - Composition API Grap

使用github+jekyll小時搭建個人部落(小白專用)

很早就聽過github的大名,但一直不知道github是什麼,只知道別人會把他們的程式碼放上去。那就在這裡簡單介紹一下github。 百度是這樣說的: gitHub是一個面向開源及私有軟體專案的託管平臺,因為只支援git 作為唯一的版本庫格式進行託管,故名g

不買伺服器,不買域名,不花分錢,hexo+github搭建自己的部落

註冊一個github GitHub官網。按照一般的網站註冊登入執行就好了,不詳細說。 安裝git 安裝很簡單,一直下一步 git安裝教程 很多教程裡都說要配置環境變數,我本人安裝過5次左右的git,一次都沒有配過,但是要配置使用者名稱和

從零到快速搭建個人部落網站(域名備案 + https免費證書)(

## 前言        為什麼選擇搭建個人部落格?一方面是各個平臺經常下架原創文章,另一個方面是為了熟悉整個建站流程。        通過搭建個人部落格,我們可以自由的

Hexo個人免費部落() 從零到釋出Github

之前使用過jekyll+github做過一版自己的部落格網站,有興趣的可以看一下我之前的文章:http://blog.csdn.net/linshuhe1/article/details/51143026,其實也很簡單,但是存在一些問題:目錄、Rss、si

使用GitHub+Hexo+hexo-theme-indigo(主題)搭建自己的個人技術部落

本次搭建實在windows系統下完成: 前提條件:已經下載git、Hexo、node.js等必要的工具環境 第一步:初始化一個本地的Hexo專案 再本地建立一個部落格系統目錄:我建立的是專案根目錄:OyjBlog 再OyjBlog目錄下右鍵開啟Git Bash終端

關於Hexo6.0搭建個人部落(github+Google-收錄篇)

本文原創首發於慕課網,歡迎轉載,註明出處即可. 本篇博文將繼續帶大家優化部落格站點,打造上線站點,設定個性域名等 閱讀本文前建議先行閱讀本人另外三篇遍基礎博文 本篇博文將手把手教大家打造線上個人站點,設定個性域名,以及託管專案

快速搭建一個自己的個人部落(Github Pages~二次元主題)

前言 本次的一個佈局技術都寫的非常詳細了,只要按著來就行,不過,先說明本次主題為二次元主題。 如果真的喜歡本主題的不妨可以試一試(==建議跟據目錄來看==) 在很久很久以前。。。。 嘛,就在前不久我正在。。 額,上圖僅僅表示我的無敵 無聊,本人不抽菸。 嗯嗯,在我閒來無事的過程中我找到了一個我特別喜歡的個

搭建自己的部落):前期準備

目前想要自己搭建一個個人部落格,在這記錄部落格搭建的過程。 部落格採用Django框架搭建。該框架可以快速搭建出一個網站,並且是一個開源框架,由python編寫。   1、目前的部落格想法比較簡單。主要對部落格的功能有如下幾個方面: 暫時先想著實現這些功能,等搭建好之後在完善其他模組。

用碼雲搭建簡單的個人個性部落

很簡單,大概一個小時就可以做好! 先說下原理 碼雲pages是一個靜態網站託管地方,再加上碼雲本來就是個程式碼託管的地方,整合pages後,可以很方便的部署你的程式碼 本文原理:利用 馬克飛象生成部落格的md檔案,利用Hexo把程式碼生成靜態頁面,再一鍵部署到碼雲上,開啟pages後

二、Hexo+Github搭建自己的部落

1.安裝Node.js,配置環境變數(注意node版本,好多問題在於node版本,我用的v10.5.0) 2.安裝git環境配置git環境 3.github新建倉庫,格式為:賬戶名.github.io,需要勾選Initialize this repository with a

搭建自己的部落(十):新增根據日期篩選

之前有通過分類來篩選文章的功能,這次新增根據建立日期來篩選文章。 1、變化的部分 2、上程式碼 ul.blog-types,ul.blog-dates { list-style-type: none; } div.blog:not(:last-child) {

搭建自己的部落(二十):通過django表單實現登入註冊

1、變化的部分 2、上程式碼: {# 引用模板 #} {% extends 'base.html' %} {% load staticfiles %} {% block header_extends %} <link rel="stylesheet" h

搭建自己的部落(二十六):增加登入註冊以及個人資料按鈕

1、變化的部分 2、上程式碼: {# 引用模板 #} {% extends 'base.html' %} {% load staticfiles %} {% load comment_tags %} {% load likes_tags %} {% block he