基于hugo + github 建立个人博客

基于hugo + github 建立个人博客

ps: 以后的博客可能就丢github了，记录博客搬迁，博客园对于一些图片添加又想用markdown的时候就不太方便了

目录

• 基于hugo + github 建立个人博客
  • 1.本地测试
    • 1.1安装
  • Getting started
    • Installation
    • 1.2 写文章
  • 2.部署到github的仓库
  • 总结

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还能方便粘图片的网站。。。