利用hugo搭建个人博客(一)
2018-02-04 17:33
337 查看
上篇博客笔者详细介绍了有关hugo搭建个人博客准备工作,没搭建好的可以看看这篇博文.接下来一系列操作都在命令行窗口中操作
1.打开命令行窗口,进入F盘,使用hugo命令生成新站点.
打开F盘就会有名为jmxBlog的文件夹,这就是我们hugo的站点根目录,我们看看目录结构
文件结构作用:
|- archetypes :存放default.md,头文件格式
|- content :content目录存放博客文章(markdown文件)
|- data :存放自定义模版,导入的toml文件(或json,yaml)
|- layouts :layouts目录存放的是网站的模板文件
|- static :static目录存放图片,css等静态资源
|- themes :存放网站主题文件
|- config.toml :config.toml是网站的配置文件
2.从github里获取主题,使用Git获取文件
打开Git Bash,进入我们的网站根目录里的themes,输入如下指令获取主题
这样代表我们的主题文件已经成功获取到我们本地了.
3.创建页面以及文章。
about页面
打开about.md与first.md分别填写一点表示内容
4.最后一步,在cmd进入网站根目录启动hugo server:
5.打开浏览器,地址栏输入http://localhost:1313/,一个Blog就出现了
一个简单hugo的Demo就搭建完成了。。。
1.打开命令行窗口,进入F盘,使用hugo命令生成新站点.
hugo new site jmxBlog
打开F盘就会有名为jmxBlog的文件夹,这就是我们hugo的站点根目录,我们看看目录结构
文件结构作用:
|- archetypes :存放default.md,头文件格式
|- content :content目录存放博客文章(markdown文件)
|- data :存放自定义模版,导入的toml文件(或json,yaml)
|- layouts :layouts目录存放的是网站的模板文件
|- static :static目录存放图片,css等静态资源
|- themes :存放网站主题文件
|- config.toml :config.toml是网站的配置文件
2.从github里获取主题,使用Git获取文件
打开Git Bash,进入我们的网站根目录里的themes,输入如下指令获取主题
git clone https://github.com/dim0627/hugo_theme_beg beg
这样代表我们的主题文件已经成功获取到我们本地了.
3.创建页面以及文章。
about页面
hugo new about.mdpost目录下的新建文章,方便聚合
hugo new post/first.md
打开about.md与first.md分别填写一点表示内容
4.最后一步,在cmd进入网站根目录启动hugo server:
hugo server --theme=beg --buildDrafts-theme代表网站的主题
5.打开浏览器,地址栏输入http://localhost:1313/,一个Blog就出现了
一个简单hugo的Demo就搭建完成了。。。
相关文章推荐
- 利用ASP.NET MVC+Bootstrap搭建个人博客之打造清新分页Helper(三)
- 利用7牛云搭建hexo个人博客
- 使用Hugo搭建个人博客站点
- 利用Github Page 搭建个人博客网站
- 利用github与hexo搭建个人博客
- hugo搭建个人博客准备工作
- 利用Pelican搭建个人博客
- 如何使用hugo搭建个人博客(一)
- 利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
- 使用Hugo搭建个人博客站点
- 使用Hugo搭建个人博客站点
- 利用腾讯云1元机和服务市场wordpress快速搭建个人博客
- 利用github与hexo搭建个人博客
- 利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表
- 如何使用hugo搭建个人博客(二):修改主题:颜色,字体,布局
- 利用python-flask搭建个人博客
- 利用Octopress在github pages上搭建个人博客
- 利用Hexo+GitHub Page搭建一个个人博客网站
- 利用github搭建部署个人博客实践
- 利用ASP.NET MVC和Bootstrap快速搭建个人博客之文章打赏功能(六)