从零开始的博客建站之旅——搭建

2024-05-21 07:11:20

一、在本地创建网站

（1）使用 Hugo 建立网站。打开命令窗口，进入 D:\hugo\site 目录（便捷方法：在文件资源管理器中进入相应目录，单击地址栏右边空白地方，在最左边输入 cmd 加空格，回车。这样打开命令窗口的同时，进入了相应的目录），执行命令 hugo new site blog ，如出现 Congratulations! 提示则成功。（此时可在文件资源管理器中查看生成的文件，blog 是任意取的一个文件夹名字，但为了方便教程工作，请统一）

二、下载主题模板（以 hugo-ivy ）为例

（1）接着回到刚刚的命令窗口，输入执行 cd blog\themes 进入 themes 目录。

（2）下载主题模板（ hugo-ivy ）。接上述步骤，在命令窗口中执行 git clone https://github.com/yihui/hugo-ivy.git 来下载 hugo.386 主题。下载完成后，blog/themes 文件夹里面就可以看到下载好的主题了。

三、修改网站配置

将 themes/hugo-ivy/exampleSite 文件夹中的 config.yaml 文件复制到文件夹 blog 下，并删除原有的 config.toml 。用记事本或者其他文本编辑工具，根据需要修改相应的内容。

四、网站本地预览

用命令窗口进入 blog 目录，先执行 hugo 生成网页文件，再执行 hugo server 开启预览。打开浏览器，访问 localhost:1313 。（注意，这个命令窗口需要保持到你不需要预览网站的时候，届时可以用两次 Ctrl + c 停止，或者直接关闭窗口）

五、将网站推送到 Github 平台

（2）打开命令窗口，进入 blog\public 目录，分别执行

git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/你的Github名字/你的Github名字.github.io.git
git push --set-upstream origin master

输入 Github 账号名，密码，完成上传。

（3）测试。访问 github.com 网站，在你之前创建的仓库可以看到刚刚上传的文件。访问提供的 https://你的Github账户名.github.io 访问你的网站，如果没有之前预览的网页，可以等待一会再刷新。

从零开始的博客建站之旅——搭建相关推荐

从零开始的博客建站之旅——开篇
回顾过去,我刚接触互联网时,还是 2G 时代,那时各类论坛博客和聊天室正蓬勃发展.这种跨越时空的交流方式让我感到非常新奇,看着屏幕吐出文字的时候,就感觉打开了一个新世界的大门.通过一根根网线,就可以将 ...
从零开始的博客建站之旅——准备工作
一.注册 Github 帐号 (1).前往 github.com 注册一个帐号.(注意:慎重考虑注册的用户名,如果你不购买别的域名,这个用户名将是你网站域名的一部分) (2)在 Github 中创建一 ...
个人博客建站教程wordpress+wdcp(小白入门首选)
原文链接:个人博客建站教程前言: 如何搭建个人博客,以及网站呢? 今天带领大家从小白完成搭建个人博客,以及网站. 如果你不知道,请不要觉得麻烦,跟着步骤很简单就会完成. 那么准备好了,我们就开始建站 ...
（windows）Hexo博客建站$ npm install -g hexo-cli时遇到npm ERR! Response timeout……的解决方案
今天一时心血来潮,试图使用Hexo进行博客建站(个人参考https://www.jianshu.com/p/0ed782ebd5f1的步骤进行操作的,在此表示感谢).在进行到安装Hexo的时候发生了这 ...
利用Vultr主机安转宝塔Web面板搭建wordpress博客建站教程
本篇文章是针对新手个人站长,来教大家利用Vultr主机如何安装宝塔Web面板搭建wordpress博客的方法. 1.一台Vultr VPS主机. 2.注册Vultr账号创建VPS实例创建VPS实例 ...
【一、建站综述及步骤简介】2021最详细wordpress博客建站教程（2021.03.01更新）
通过本wordpress博客建站教程系列系列文章,你可以不懂网页代码条件下,搭建一个谷歌insight测评90分的个人博客,最低费用在每年80块.本人搭建博客小站点击下面链接即可进入: ...
【十四、网站备案、博客备案、工信部备案】2021最详细wordpress博客建站教程（2021.03.04更新）
通过本wordpress博客建站教程系列系列文章,你可以不懂网页代码条件下,搭建一个谷歌insight测评90分的个人博客,最低费用在每年80块.本人搭建博客小站点击下面链接即可进入: ...
【十五、网站公安备案】2021最详细wordpress博客建站教程（2021.03.04更新）
通过本wordpress博客建站教程系列系列文章,你可以不懂网页代码条件下,搭建一个谷歌insight测评90分的个人博客,最低费用在每年80块.本人搭建博客小站点击下面链接即可进入: ...
个人博客建站教程最全解析
前不久开始筹备自己的个人博客网站,由于没有经验,走了不少弯路.今天把个人博客搭建需要了解的相关知识整理一下,也给大家解答下一些常见问题. 首先是关于个人博客建站的难易度问题,很多人都以为不懂代码无法建 ...

最新文章

热门文章