30分钟创建个人博客:技术小白也可上手

30分钟创建个人博客:技术小白也可上手30分钟创建个人博客:不懂技术也没事!一个用Go编写的静态网站生成器你是否要创建一个博客来共享你的最新经历?你是否喜欢一个文献记载不充分的项目,

欢迎大家来到IT世界,在知识的湖畔探索吧!

30分钟创建个人博客:不懂技术也没事!一个用Go编写的静态网站生成器

你是否要创建一个博客来共享你的最新经历?你是否喜欢一个文献记载不充分的项目,并希望解决该问题?还是只想创建一个个人网站?

许多想创建博客的人都有一个重大警告:缺乏对内容管理系统(CMS)的知识或学习时间。但是如果我说你不需要花几天时间学习新的CMS,建立基本的网站,对其进行样式设置以及对攻击者进行强化,你心动不?如果我说你可以在30分钟内创建一个博客,并开始与Hugo交流,你心动不?

反正就是一句话,不管你会不会技术,都可以跟着我,30分钟快速建一个个人网站。

30分钟创建个人博客:技术小白也可上手

Hugo是用Go编写的静态网站生成器。你问为什么要使用hugo?

  • 因为没有数据库,没有插件需要任何权限,并且服务器上没有运行任何基础平台,所以不会增加安全性。
  • 该博客是一组静态网站,这意味着闪电般的服务时间。此外,所有页面均在部署时呈现,因此服务器的负载很小。
  • 版本控制很容易。一些CMS平台使用自己的版本控制系统(VCS)或将Git集成到其界面中。使用Hugo,你所有的源文件都可以在你选择的VCS上本地运行。

坦率地说,Hugo在这里再次使编写网站变得有趣。

0-5分钟:下载Hugo并生成一个网站

为了简化Hugo的安装,请下载二进制文件。为此:

  1. 下载适合你的操作系统的存档。
  2. 将档案解压缩到你选择的目录中,例如C:\hugo_dir或~/hugo_dir;此路径将称为${HUGO_HOME}。
  3. 打开命令行并切换到目录:cd ${HUGO_HOME}。
  4. 确认Hugo运作正常:在Unix上: ${HUGO_HOME}/[hugo version]在Windows上:${HUGO_HOME}\[hugo.exe version] 例如c:\hugo_dir\hugo version。为了简单起见,我将把Hugo二进制文件(包括二进制文件)的路径称为hugo。例如,hugo version将C:\hugo_dir\hugo version在你的计算机上转换为。如果收到错误消息,则可能是下载了错误的版本。还请注意,有很多可能的方法来安装Hugo。有关更多信息,请参见官方文档。理想情况下,你将Hugo二进制文件放在PATH上。为了快速入门,可以使用Hugo二进制文件的完整路径。
  5. 创建一个将成为你的博客的新网站:hugo new site awesome-blog。
  6. 转到新创建的目录:cd awesome-blog。

恭喜你!你刚刚创建了新博客。

5-10分钟:主题化你的博客

借助Hugo,你既可以自己为博客设置主题,也可以使用精美的现成主题之一。我选择Kiera是因为它非常美味。要安装主题:

  1. 进入主题目录:cd themes。
  2. 克隆你的主题:git clone https://github.com/avianto/hugo-kiera kiera。如果你尚未安装Git:从GitHub下载.zip文件。将其解压缩到你站点的themes目录。将目录从重命名hugo-kiera-master为kiera。
  3. 将目录更改为awesome-blog级别:cd awesome-blog。
  4. 激活主题。主题(包括Kiera)通常带有一个名为的目录exampleSite,其中包含示例内容和示例设置文件。要激活Kiera,请将提供的config.toml文件复制到你的博客中:在Unix上: cp themes/kiera/exampleSite/config.toml .在Windows上: copy themes\kiera\exampleSite\config.toml .确认Yes要覆盖旧版本config.toml
  5. (可选)你可以启动服务器以直观地确认主题已被激活:hugo server -D并http://localhost:1313在Web浏览器中进行访问。查看博客后,可以通过按Ctrl+C命令行关闭服务器。你的博客为空,但是我们到了某个地方。它看起来应该像这样:
30分钟创建个人博客:技术小白也可上手

你刚刚以博客为主题!你可以在hugo官方主题网站上找到数百个精美的主题。

10-20分钟:将内容添加到你的博客

在此步骤中,你将向博客添加内容。hugo和Kiera主题简化了此过程。要添加你的第一篇文章:

  1. 文章原型是你内容的模板。
  2. 将主题原型添加到你的博客站点:在Unix上: cp themes/kiera/archetypes/* archetypes/在Windows上: copy themes\kiera\archetypes\* archetypes\确认Yes要覆盖default.md原型
  3. 为你的博客文章创建一个新目录:在Unix上: mkdir content/posts在Windows上: mkdir content\posts
  4. 使用Hugo生成你的帖子:在Unix上: hugo new posts/first-post.md在Windows上: hugo new posts\first-post.md
  5. 在你选择的文本编辑器中打开新帖子:在Unix上: gedit content/posts/first-post.md在Windows上: notepad content\posts\first-post.md

此时,你可以疯狂了。请注意,你的帖子由两部分组成。第一个用分隔+++。它包含有关你的帖子的元数据,例如标题。在hugo中,这称为前沿问题。在最重要的事情之后,文章开始了。创建第一篇文章:

+++

title = “First Post”

date = 2018-03-03T13:23:10+01:00

draft = false tags = [“Getting started”]

categories = []

+++

现在你需要做的就是启动服务器:hugo server -D。打开浏览器,然后输入:http://localhost:1313/。

30分钟创建个人博客:技术小白也可上手

20-30分钟:调整你的网站

我们所做的事情很棒,但仍有一些小问题需要解决。例如,命名你的网站很简单:

  1. 通过Ctrl+C在命令行上停止服务器。
  2. 打开config.toml和编辑设置,例如博客的标题,版权,名称,你的社交网络链接等。

再次启动服务器时,你会看到博客的个性化程度更高。缺少另一项基本功能:菜单。这也是一个快速修复。返回中config.toml,在底部插入以下内容:

 [[menu.main]]**
  name = "Home" #Name in the navigation bar**
  weight = 10 #The larger the weight, the more on the right this item will be**
  url = "/" #URL address**
[[menu.main]]**
  name = "Posts"**
  weight = 20**
  url = "/posts/"** 

欢迎大家来到IT世界,在知识的湖畔探索吧!

这将添加“主页”和“帖子”菜单。你仍然需要一个关于页面。而不是从config.toml文件中引用它,而是从markdown文件中引用它:

  1. 创建关于文件:hugo new about.md。请注意about.md,不是posts/about.md。“关于”页面不是博客文章,因此你不希望其显示在“文章”部分中。
  2. 在文本编辑器中打开文件,然后输入以下内容:

+++

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服务器并打开时http://localhost:1313/,你应该会看到准备使用新博客。(在GitHub页面上查看我的示例。)如果你想更改菜单项的活动样式以使填充更好一点(例如GitHub live版本),请将此补丁应用到你的themes/kiera/static/css/styles.css文件。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/42123.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们YX

mu99908888

在线咨询: 微信交谈

邮件:itzsgw@126.com

工作时间:时刻准备着!

关注微信