mm1313不能看了 localhost

大家好，今天给各位分享mm1313不能看了 localhost的一些知识，其中也会对杂谈 ｜ 在 macOS 上使用 Hugo + Coding 搭建个人博客进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

如果小川与赵高经历互换，小川能否初心依旧？赵高无愧于小川。

前言

最近各种技术交融，竟然有了一丝丝共鸣。

说不出来的酸爽无比。

玩个好玩的，macOS快速搭建个人博客，坑了我小半天呐。

就当开始一场旅程咯～

旅途特色HugoCoding

关键就这俩，剩下的例如git等这都属于基本开发必备了，暂时忽略了。

QuickStart

本文主要按照个人使用先后顺序进行整理，主要有如下俩个部分：

Hugo配置以及使用Coding简单使用

一、Hugo配置以及使用

1.Hugo下载安装

InstallHugo

brewinstallhugo

查看当前已安装Hugo版本：

hugoversion

2.创建本地网站

CreateaNewSite

hugonewsiteHugoDemo

此时会在本地创建一个名为HugoDemo的项目：

下面分别解释下每个都是干嘛的：

archetypes：原型（创建新内容时使用的模板）；assets：存储HugoPipes需要处理的所有文件。只有使用.Permalink或的文件.RelPermalink才会发布到public目录中。注意：默认情况下未创建资产目录；config：Hugo附带了大量的配置指令。在config目录正是这些指令被存储为JSON，YAML，或TOML文件。每个根设置对象都可以作为自己的文件站立，并可以按环境进行结构化。设置最少的项目且不需要环境意识的项目可以config.toml在其根目录使用单个文件；content：网站的所有内容都将位于此目录中；data：存储生成网站时Hugo可以使用的配置文件；layouts：以.html文件形式存储模板，这些模板指定如何将内容视图呈现到静态网站中。模板包括列表页面，主页，分类模板，partials，单页模板等；static：存储所有静态内容：图像，CSS，JavaScript等；resources：缓存一些文件以加快生成速度；themes：当前应用的主题文件；public：生成的用于发布的网站资源。

3.下载喜欢的HugoTheme

以TimerHugo为例。

进入themes目录下，也可以cd目标位置，这里使用j插件：

jthemes

将TimerHugo克隆到本地：

gitclonehttps://github.com/themefisher/timer-hugo.git

进入已下载主题拷贝所有文件并替换项目根目录下所有文件：

启动本地服务，运行查看效果：

hugoserve

Chrome打开http://localhost:1313/查看事例：

对了记得下载个Atom方便打开Hugo项目修改文件。

二、Coding部署静态网站

登录Coding，该注册注册，该实名实名，毕竟用人东西，遵守人规定吧。

创建HugoDemo项目，获取到git地址，准备提交将要部署的页面文件。

1.准备生成要部署的静态网站

Coding中获取访问地址：

记得在Coding新建网站的时候选择自动部署，并设置代码推送master分支自动构建。

记得在Coding中添加SSH公钥：

使用如下命令直接拷贝本地公钥：

pbcopy<~/.ssh/id_rsa.pub

最后将Coding为我们提供的地址拷贝，下面会使用。

2.提交静态网页到Coding

Step1：修改config文件

baseURL="这里替换成Coding提供的网址"nlanguageCode="en-us"ntitle="Timer|ResponsiveMultipurposeBootstrapHugoTemplate"ntheme="timer-hugo"

Step2：生成要发布的网站资源

回到项目根目录键入hugo：

随后会生成public目录，这里存放的就是要部署网站所需要的一些东西。

Step3：上传Coding

此处步骤如下：

进入public目录，执行gitinit随后执行gitadd.提交暂存区：gitcommit-m“Commitinfo”接下来将本地仓库与远程仓库建立关联：gitremoteaddorigin远程仓库地址推送远程仓库：gitpush-uoriginmaster

示例图如下：

Step4：Coding部署网站

其实当代码上传Coding完成之后，便自动开始构建部署了。

要做的就是，根据Coding提供的网站打开查看效果即可。

参考资料

一手资料：

HugoCodingTimerHugo

ThanksOthers：

DirectoryStructureAddinganewSSHkeytoyourGitHubaccountCODING在线支持HOWTOSETUPTIMERHUGOAboutHugoHostonGitLab使用hugo在githubpages搭建博客手把手教你通过Hugo搭建个人博客

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！