一晚上搭建個人域名部落格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”開啟命令列):
檢查(生成)ssh金鑰。
在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
關聯已購買的域名
在github當前倉庫頁點選Creat New file,然後name your file處填”CNAME”,正文填已經購買的域名,然後點選commit。
在命令列通過ping得到github自己部落格頁的ip地址
ping lvchongstudio.github.io
在域名控制檯找到自己購買的域名,然後點選解析,再點新增解析,將自己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