基於hugo + github 建立個人博客
ps: 以后的博客可能就丟github了，記錄博客搬遷，博客園對於一些圖片添加又想用markdown的時候就不太方便了
1.本地測試
1.1安裝
先在本地搭建試一試吧！我使用的是deepin版的linux
我們去github上的官網找下載鏈接https://github.com/gohugoio/hugo/releases
我下載了64bit的deb包，然后安裝sudo dpkg -i hugo_0.55.6_Linux-64bit.deb
安裝完成～
我在文檔中建立一個文件夾，在這里面進行hugo的測試
cwl@cwl-PC:~/Documents/blogtest$ pwd
/home/cwl/Documents/blogtest
初始化博客
cwl@cwl-PC:hugo new site [myblog] "后面的myblog是可選的"
...
cwl@cwl-PC:~/Documents/blogtest$ tree
.
└── myblog
├── archetypes
│ └── default.md
├── config.toml
├── content
├── data
├── layouts
├── static
└── themes
這樣其實博客已經起來了，我們需要設置個主題
我們來到了官方主題庫https://themes.gohugo.io/
我們隨便進入一個主題，其實怎么用已經很清楚了
Getting started
Installation
Create a new Hugo site:
$ hugo new site [path]
Clone this repository into themes/ directory:(注意這里是在博客根目錄敲clone)
$ cd [path]
$ git clone https://github.com/vaga/hugo-theme-m10c.git themes/m10c
Add this line in the config.toml file:
theme = "m10c"
然后我們去啟動下試一試
hugo server -t m10c --buildDrafts
然后就起來了。
1.2 寫文章
hugo new [path/xxx.md] "簡單使用
2.部署到github的倉庫
首先創建新倉庫，注意倉庫名必須是 [ 你的名字.github.io ] . 例如github名叫abc。那么就寫abc.github.io
剩下常規建倉庫就不講了。
然后敲命令
hugo --theme=m10c --baseUrl="Q1143316492.github.io" --buildDrafts
敲完后可以看到我們多了一個public文件夾
cwl@cwl-PC:~/Documents/blogtest/myblog$ hugo --theme=m10c --baseUrl="Q1143316492.github.io" --buildDrafts
| EN
+------------------+----+
Pages | 7
Paginator pages | 0
Non-page files | 0
Static files | 1
Processed images | 0
Aliases | 3
Sitemaps | 1
Cleaned | 0
Total in 10 ms
cwl@cwl-PC:~/Documents/blogtest/myblog$ ls
archetypes config.toml content data layouts public resources static themes
cwl@cwl-PC:~/Documents/blogtest/myblog$ ls -l
總用量 36
drwxr-xr-x 2 cwl cwl 4096 6月 8 18:24 archetypes
-rw-r--r-- 1 cwl cwl 82 6月 8 18:24 config.toml
drwxr-xr-x 2 cwl cwl 4096 6月 8 18:24 content
drwxr-xr-x 2 cwl cwl 4096 6月 8 18:24 data
drwxr-xr-x 2 cwl cwl 4096 6月 8 18:24 layouts
drwxr-xr-x 6 cwl cwl 4096 6月 8 18:47 public
drwxr-xr-x 3 cwl cwl 4096 6月 8 18:26 resources
drwxr-xr-x 2 cwl cwl 4096 6月 8 18:24 static
drwxr-xr-x 3 cwl cwl 4096 6月 8 18:26 themes
下面我們需要吧這個public文件夾傳到我們的git上面即可
cwl@cwl-PC:~/Documents/blogtest/myblog$ cd public/
cwl@cwl-PC:~/Documents/blogtest/myblog/public$ ls
404.html avatar.jpg categories css index.html index.xml page sitemap.xml tags
cwl@cwl-PC:~/Documents/blogtest/myblog/public$ git init
已初始化空的 Git 倉庫於 /home/cwl/Documents/blogtest/myblog/public/.git/
cwl@cwl-PC:~/Documents/blogtest/myblog/public$ git add *
cwl@cwl-PC:~/Documents/blogtest/myblog/public$ git commit -m "hugo first submit"
"直接push發現不可以，那就push到master
cwl@cwl-PC:~/Documents/blogtest/myblog/public$ git push
fatal: 當前分支 master 沒有對應的上游分支。
為推送當前分支並建立與遠程上游的跟蹤，使用
git push --set-upstream origin master
cwl@cwl-PC:~/Documents/blogtest/myblog/public$ git push -u origin master
到這里就可以用 "abc.github.io"訪問了，abc是你的名字
總結
-
hugo new site [myblog] "后面的myblog是可選的"初始化博客 -
然后我們可以下載主題，怎么安裝在主題的網站寫的很清楚，也可以看我上面的get start
-
hugo server -t m10c --buildDrafts這樣是在本地開倉庫 -
hugo new post/first.md寫博客, 創建了一個md在context目錄下 -
hugo --theme=m10c --baseUrl="Q1143316492.github.io" --buildDrafts這個可以開啟遠程倉庫這個命令在本地博客目錄加了一個public目錄。我們只要把他同步到遠程git倉庫即可。
這一步只是利用了github為每一個用戶提供的免費倉庫提供的個人網站
emmmmmmmmm，博客能用了，但是好像不咋好看呢。。。
我缺一個能寫markdown還能方便粘圖片的網站。。。