windows+hugo+github搭建个人博客
一、hugo下载地址:https://github.com/gohugoio/hugo/releases
1、选择对应的最新zip包,我下载的是hugo_0.57.2_Windows-64bit.zip (ps.下面的extended包不用下载),下载完成后,解压待用。
2、创建文件夹。此处举例:F盘创建 hugo/bin
,将解压后的hugo.exe
放到bin
目录下。
3、配置系统环境变量。将F:\hugo\bin
加到path变量中,注意两点: (1) 是path
,不是CLASSPATH,要区分下 (2) 路径后面记得加英文分号 ;
以上设置好后,就可以在cmd中查看是否安装成功。执行命令:
$
hugo version
Hugo Static Site Generator v0.57.2-A849CB2D windows/amd64 BuildDate: 2019-08-17T17:54:13Z 显示该条即表示成功
二、生成站点
进入F:\hugo
下,打开命令窗口。(可用cmd,也可选择下载安装Git,推荐安装git,敲命令很方便)
$
hugo new site
文件名称 (如blog
)
执行后,在hugo目录下就会生成一个 名叫blog
的站点文件夹
进入blog
,显示以下目录结构:
archetypes (存放default.md,头文件格式,每次新建文章默认显示的头部信息在此修改)
content (存放博客文章,markdown格式文件)
data (存放自定义或者导入的模板)
layouts (存放网站的数据模板)
static (存放图片、css、js等静态资源)
themes (存放主题文件,每个主题都是一个独立的文件夹)
config.toml (网站配置文件)
三、创建文章
进入站点根目录blog
下,执行命令:
$
hugo new post/test.md
执行后,会自动在content/post下生成 test.md文件,打开可编辑内容,ps.文件头部的draft要改为false,这样部署后才能看到文章。
当前网站是没有任何内容的,需要下载个主题。
四、下载主题
进入站点的themes目录
$
cd themes
$
git clone
https://github.com/spf13/hyde.git(ps.可去https://themes.gohugo.io官网选择其他主题下载)
这样themes下就多了一个文件夹,文件夹名即为主题名称。此时可回到站点目录下打开config.toml
配置指定主题。如theme = "hyde" 没有theme参数就自己写上
站点根目录下,执行命令:
$
hugo server
执行后会显示
............此处省略上方信息
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) Press Ctrl+C to stop
可访问:http://localhost:1313/ 查看效果
五、部署github pages上
前提:已注册GitHub账号,登录
1、登录后,点击右上角,出现下拉菜单,点击 Your repositories 进入页面
2、点击 New
3、进入 Creat a new repository 页面
4、图中的 yourname 要换成自己的github的用户名,即上图中Owner显示的用户名。最后点击Creat repository即完成
站点目录config.toml
中baseURL
要换成自己建立的仓库,如baseURL = "https://yourname.github.io/"
进入站点根目录下,执行:
$
hugo
执行后,站点根目录下会生成一个 public
文件夹,该文件下的内容即Hugo生成的整个静态网站。每次更新内容后,将 pubilc 目录里所有文件 push到GitHub即可。
首次使用的时候要执行以下命令:
$
cd public
$
git remote add origin
https://github.com/yourname/yourname.github.io.git (换成自己的) 将本地目录链接到远程服务器的代码仓库$
git add -A
$
git commit -m "first commit"
$
git push -u origin master
以后每次站点目录下执行 hugo
命令后,再到public
下执行推送命令:
$
git add -A
$
git commit -m "修改内容什么的"
$
git push -u orgin master
(此处较易出错,error了就百度吧,问题可能千奇百怪)
之后就可以到GitHub上看提交到分支的内容,也可访问 YOURNAME.github.io看页面了。
总结
以上整个环境部署好之后,接下来的常用命令就是以下几个:
站点目录下,新建文章,执行:
$
hugo new post/文章名.md
添加文章内容或修修改改,包括修改主题之类的,在本地都可以实时看到
修改完成,确定要上传到GitHub上后,站点目录blog
下执行:
$
hugo
进行编译,没错误的话修改的内容就顺利同步到public
下了,然后cd public
下,执行提交命令:
$
git add -A
$
git commit -m "修改了啥"
$
git push -u origin master
至此OK,顺利的话应该是一步到位的。若是遇到问题的话再百度咯
转载于:https://www.cnblogs.com/zoelius/p/11424333.html
windows+hugo+github搭建个人博客相关推荐
- Hugo + github 搭建个人博客
前言 很早以前就有想法,搭建一个个人的博客.没有实现的原因:一方面个人的服务器不太安全掉线,欠费,维护起来麻烦,另一方面,文章编辑发布起来也不方便. 后来了解到 github 提供了博客的功能,也一直 ...
- 使用 hugo oss 搭建个人博客网站
系列文章目录 文章目录 系列文章目录 前言 一.下载hugo 二.oss 三.域名 四.创建博客上传 五.发布,上传文章 前言 本文主要详解如何用最低的成本搭建个人博客网站 原本我是直接用的githu ...
- 基于Gitee/Github搭建个人博客
基于Gitee/Github搭建个人博客 如果单纯写博客文章,CSDN.简书或者知乎都是很好的选择,简单易用,直接写就行.但是自己动手建立个人博客网站,不仅有趣,能学到知识,还具备非常强的可定制性.所 ...
- Hexo+github搭建个人博客-环境搭建篇
一.概述 我们使用Hexo + Github搭建个人博客,我们自然不能错过,事不宜迟,我们现在立马来认识一下,他们究竟是何方神圣吧. 1.1 关于 GitHub 1.1.1 Github 接触编程一段 ...
- 【小白】【新手向】Hexo+Github搭建个人博客
如题,一个[小白][新手向]的,关于Hexo+Github搭建个人博客. 针对于: 对于代码完全不懂的纯小白! 完全不知道什么是hexo,git和github的小白! 感觉像是在打广告,其实并不是.事 ...
- 使用hexo+yilia+github搭建个人博客
本人搭建博客地址: http://www.janszeng.top/ 经过几天的折腾,终于配成功了,现记录如下,本人是在win7上搭建个人博客的. 直奔主题,搭建个人博客主要分为以下几步: * 先查看 ...
- 系统重装后,如何重新找回hexo+github搭建的博客
声明:此文是针对于windows环境下hexo+github搭建的博客,对于linux下我也尝试过,但是最好还是在windows下搭建. 个人建议:博客最好还是在csdn或者博客园上写,因为系统更新后 ...
- 用Pelican+Github搭建个人博客网站
Title: 用Pelican+Github搭建个人博客网站 Date: 2017-06-4 19:13 Category: 技术博客 Modified: 2018-10-11 19:03 Tags: ...
- 用Hexo+github搭建个人博客
前言: 一直有打算搭建属于自己的博客,自己购买了域名和服务器了,但是由于自己的精力不足和精神内耗严重,决定选择较为简单的方式搭建了.hexo刚好很符合我的需求,而且主题多样,可以根据自己的需求修改. ...
最新文章
- 作为程序员,这些地方不知道就out了!
- Oracle dbtimezone与os时区不一致的解决办法
- 博鳌直击 | 大数据开发的最大障碍是什么?
- Mysql 零距离-入门(一)
- 泛型 (Generics)一定是最易懂简单的
- Linux环境编程:fork系统调用及其陷阱 - 内存复用,文件不复用
- java整人_写了一个整人程序,较简单,有兴趣者可以看看
- JAVA之JAR文件
- 小程序推广引导下载app的解决办法
- python身份证验证程序_python 身份证验证
- 三.VirtualBox中安装Centos7.5.1804
- OPPO Enco X无线降噪耳机体验评测,加钱变强!
- 电容与电感串联直流电路系统分析
- 计算机学情分析案例,小学信息技术课学情分析
- [Win Desktop] Windows 桌面应用推荐一
- 用Android和node.js实现扫码登录
- 国际空间站ISS SSTV 2018 OCT
- 如何写出一份高质量的数据分析师的简历?
- 大数据系列sql基础知识(史上最全,收藏起来)
- 多广告图+右下角带“广告”小图标广告位源代码
热门文章
- 使用二级域名+gh-pages分支构建自己的静态页面
- Python使用multiprocessing实现多进程
- 深度学习《CycleGAN》
- 深度学习《CNN架构续篇 - 1乘1卷积》
- 漫步最优化十六——优化的一般问题
- 漫步凸分析五——函数运算
- LeetCode —— 148. 排序链表(Python)
- Dirichlet Process and Stick-Breaking(DP的Stick-breaking 构造)
- 字典(dict)按键(key)和值(value)排序即item()的常用方式
- Gym 102798A(思维) acm寒假集训日记21/12/31or22/1/1