hugo+meme搭建博客

MemE 是一个强大且可高度定制的 GoHugo 博客主题，专为个人博客设计。MemE 主题专注于优雅、简约、现代，以及代码的正确性。MemE 主题对习惯了 Hexo 的用户非常友好，是从 Hexo 迁移到 Hugo 的不错选择。

一、安装

1.Hugo

对于不同的操作系统，安装过程可能会有所不同，以下给出的都是 Windows 下的安装过程。其他系统请查看 Hugo 官方文档或百度 Google 相关教程。如果Google的话，可能需要具备科学上网的能力。

·进入Hugo的github发布地址，下载对应的版本这里选择的版本是：hugo_extended_0.74.1_Windows-64bit.zip

1
$ hugo_extended_0.74.1_Windows-64bit.zip

·下载完成后，把zip包解压到你想放在的路径，获得三个文件`index.md`文件，记住路径

1
2
3
4
$ hugo.exe
$ LICENSE
$ README.md
示例：我的路径为E:\Hugo

·添加环境变量

1
2
3
我的电脑 -- 属性 -- 高级系统设置 -- 环境变量 -- 用户变量Path -- 编辑 -- 新建 -- 输入路径 -- 确定
或者 or
控制面板 -- 系统和安全 -- 系统 -- 高级系统设置 -- 环境变量 -- 用户变量Path -- 编辑 -- 新建 -- 输入路径 -- 确定

·测试版本

1
$ hugo --version

·成功即可

二、配置静态博客与MemE主题

·配置静态博客

1
2
先来到需要创建静态博客文件夹的路径
$ hugo new site blogMe

·配置MemE主题：两种方法，建议使用子模块主题方法

1
2
3
4
5
先来到需要创建静态博客文件夹的路径
普通方法
$ git clone https://github.com/reuixiy/hugo-theme-meme.git themes/meme
子模块主题方法
$ git submodule add https://github.com/reuixiy/hugo-theme-meme.git themes/meme

·替换 `config.toml`

将 Hugo 默认生成的静态博客站点根目录的 config.toml 删除，再进入 themes/meme/config-examples/zh-cn/ 目录，将 MemE 提供的模板 config.toml 复制到静态博客站点根目录下，并进行相应的修改：

· 新建博客文章

1
2
3
4
$ hugo new "posts/hello-world.md"
$ hugo server -D
$ 打开 http://localhost:1313/
$ 你已经成功在本地搭建好博客了🎉🎉🍻！尽情享受 MemE 的简约和 Hugo 的飞速吧🚀

·详情可见MemE主题作者的博客

三、配置远端

·修改替换后的静态博客站点的 `config.toml`

1
2
3
4
5
6
7
$ baseURL = "https://你的地址.github.io/"
$ theme = "meme"
执行命令
$ hugo -D # 草稿不会进行生成

$ 打开 http://localhost:1313/
$ 你已经成功在本地搭建好博客了🎉🎉🍻！尽情享受 MemE 的简约和 Hugo 的飞速吧🚀

结束后会生成 ./public/ 文件夹，里面会存放静态文件

·部署public文件夹到远端

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
到达public文件夹下
执行命令
$ git init
$ git add .
$ git commit -m "我的Hugo博客第一次提交"
$ git remote add origin https://github.com/用户名/地址仓库.github.io.git
$ git push -u origin master
输入用户名和密码
成功即可
$ 你已经成功在远端部署好博客了🎉🎉🍻！尽情享受 MemE 的简约和 Hugo 的飞速吧🚀