使用hugo搭建博客
从https://github.com/gohugoio/hugo/releases 下载
推荐选择 带有extend扩展包的安装包
因为第一次我没选择带有extend的这个,花了一下午时间找原因
然后解压后,将文件夹内hugo.exe 的路径 配置到环境变量
在cmd中 hugo new site E:\GitMyblogRepository 建立自己的博客文件夹
目录如下
然后cmd中cd到博客的根目录 hugo new about.md 会在content文件夹中生成一个markdown格式的文件,非必须步骤,只是用来测试
将about.md 中 draft : true 改为false
配置你的 config.toml 这是我的配置,只是刚开始最简单的几个重要的配置
挑选主题
cd themes
git clone https://github.com/alex-shpak/hugo-book.git
完成后,将其文件夹名字改为 book
本地调试
在项目根目录下,通过 hugo server 命令可以使用 hugo 内置服务器调试预览博客。
hugo sever –theme=book –-buildDrafts
如果config.toml 中进行了配置,则 只需要hugo –-buildDrafts
在浏览器里打开: http://localhost:1313 即可访问到你的博客
部署到Giuhub上
首先在github上建立一个仓库
如果你需要部署在 GitHub Pages 上,首先在GitHub上创建一个Repository,命名为:wgwg.github.io (wgwg替换为你的github用户名的小写)
在站点根目录执行 Hugo 命令生成最终页面:
hugo --theme=book --buildDrafts --baseUrl=“https://wgwg.github.io
这里的 --baseUrl 一定是https://(Hugo中文文档里为http://),不然你部署后的博客会没有样式!
可看到根目录下多出 /public文件夹出来,该文件夹的内容即Hugo生成的整个静态网站
Public就是需要提交到github的网站
在public中 右键GUI 选择当前目录为仓库
在弹出界面中,选择help-à show SSH key -à 什么也不点 直接生成SSH key
复制这堆东西
在github中 如下操作 将github与自己的本地的SSHket绑定,以后提交更新时就不需要输入账号密码了
然后再public目录中,右键Git Bash here
使用命令来进行提交
cd public
$ git remote add origin [email protected]:Ohohhh/wgwg.github.io.git
$ git add -A
$ git commit -m “first commit”
$ git push -u origin master
完成!!
然后浏览器里访问:https://wgwg.github.io/ 即可看到刚刚搭建的博客。
发布博客:
–新建博客markdown文件,并编辑博客内容(文件名为 **.md )
hugo new post/newBlog.md
–生成静态页面 public
hugo --theme=book --buildDrafts --baseUrl=“https://wgwg.github.io/”
—发布
cd public
git add .
git commit -m “new blog added”
git push origin master