
无需加好友免费技术支持
30分钟创建个人博客:不懂技术没关系!Go静态网站生成器的编写
你想创建一个博客来分享你的最新经历吗?你喜欢文献记录不足的项目并想解决这个问题吗?还是只是想创建一个个人网站?
很多想创建博客的人都有重大警告:缺乏内容管理系统(CMS)知识或学习时间。但如果我说你不需要花几天时间学习新的东西CMS,建立一个基本的网站,设置它的风格,加强攻击者。你兴奋吗?如果我说你可以在30分钟内创建一个博客,并开始使用它Hugo交流,你心动不?
反正就是一句话,不管你会不会技术,都可以跟着我,30分钟内快速建个人网站。
Hugo是用Go静态网站生成器的编写。你问为什么要使用它hugo?
因为没有数据库,没有插件需要任何权限,服务器上没有基本平台,所以不会增加安全性。博客是一组静态网站,这意味着闪电服务时间。另外,所有的页面都是在部署时呈现的,所以服务器的负载很小。很容易控制版本。一些CMS平台使用自己的版本控制系统(VCS)或将Git集成到它的界面中。使用Hugo,您可以选择所有源文件VCS本地运行。坦率地说,Hugo再次让网站的编写变得有趣。
为了简化Hugo请下载二进制文件进行安装。
下载适合您操作系统的存档。将档案解压缩到您选择的目录中,例如C:hugo_dir或~/hugo_dir;这条路径将被称为${HUGO_HOME}。打开命令行并切换到目录:cd ${HUGO_HOME}。确认Hugo正常运行:在Unix上: ${HUGO_HOME}/[hugo version]在Windows上:${HUGO_HOME}[hugo.exe version] 例如c:hugo_dirhugo version。为了简单起见,我会把Hugo二进制文件(包括二进制文件)的路径称为hugo。例如,hugo version将C:hugo_dirhugo version在你的电脑上转换。如果你收到了错误的息,你可能会下载错误的版本。请注意,安装的可能方法有很多。Hugo。有关更多信息,请参阅官方文件。理想情况下,你会Hugo二进制文件PATH上。为了快速入门,可以使用Hugo二进制文件的完整路径。创建一个将成为你博客的新网站:hugo new site awesome-blog。转到新创建的目录:cd awesome-blog。恭喜你!您刚刚创建了新博客。
借助Hugo,您可以自己为博客设置主题,也可以使用精美的现成主题之一。Kiera因为它很好吃。安装主题:
进入主题目录:cd themes。克隆你的主题:git clone kiera。假如你还没有安装Git:从GitHub下载.zip文件。将其解压缩到您的网站上themes目录。从重命名目录hugo-kiera-master为kiera。将目录改为awesome-blog级别:cd awesome-blog。激活主题。主题(包括Kiera)通常有一个名为目录exampleSite,包括示例内容和示例设置文件。要激活Kiera,请将提供的config.toml将文件复制到复制文件:Unix上: cp themes/kiera/exampleSite/config.toml .在Windows上: copy themeskieraexampleSiteconfig.toml .确认Yes覆盖旧版本config.toml(可选)您可以器,直观地确认主题已被激活:hugo server -D并在Web访问浏览器。查看博客后,可以按下Ctrl C命令行关闭服务器。查看博客后,可以按下Ctrl C命令行关闭服务器。你的博客是空的,但我们去了某个地方。它应该看起来像这样:
你刚才以博客为主题!hugo在官方主题网站上找到数百个精美的主题。
您将在此步骤中向博客添加内容。hugo和Kiera主题简化了这个过程。添加你的第一篇文章:
文章原型是您内容的模板。在博客网站上添加主题原型:Unix上: cp themes/kiera/archetypes/* archetypes/在Windows上: copy themeskieraarchetypes* archetypes确认Yes要覆盖default.md原型为您的博客文章创建了一个新的目录:在Unix上: mkdir content/posts在Windows上: mkdir contentposts使用Hugo在Unix上: hugo new posts/first-post.md在Windows上: hugo new postsfirst-post.md打开你选择的文本编辑器中的新帖子:Unix上: gedit content/posts/first-post.md在Windows上: notepad contentpostsfirst-post.md此时,你疯了。请注意,您的帖子由两部分组成。请注意,您的帖子由两部分组成。第一个是分开的 。它包含关于你帖子的元数据,比如标题。在hugo这叫前沿问题。在最重要的事情之后,文章开始了。创建第一篇文章:
title = "First Post"
date = 2018-03-03T13:23:10 01:00
draft = false tags = ["Getting started"]
categories = []
您现在需要做的是启动服务器:hugo server -D。打开浏览器,然后输入:
我们所做的很好,但仍有一些小问题需要解决。例如,命名你的网站很简单:
通过Ctrl C在命令行上停止服务器。config.toml并编辑设置,如博客标题、版权、名称、您的社交网络链接等。当你再次启动服务器时,你会看到博客更个性化。缺乏另一个基本功能:菜单。这也是一个快速的修复。config.toml,将以下内容插入底部:
这将添加主页和帖子菜单。你仍然需要一个页面。而不是从config.toml从文件中引用它,但从markdown文件中引用:
关于文件的创建:hugo new about.md。请注意about.md,不是posts/about.md。关于页面不是博客文章,所以你不希望它显示在文章部分。在文本编辑器中打开文件,输入以下内容:
title = "About"
date = 2018-03-03T13:50:49 01:00
menu = "main"
#Display this page on the nav menu weight = "30"
#Right-most nav item meta = "false"
#Do not display tags or categories
> Waves are the practice of the water. Shunryu Suzuki
启动Hugo当服务器打开时,,你应该看到准备使用新博客。GitHub查看我在页面上的示例。)如果你想改变菜单项的活动风格,以便更好地填充(例如GitHub live版本),请将此补丁应用于您
themes/kiera/static/css/styles.css文件。