制作自己的网站;如何建立一个属于自己的网站?

西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus外贸独立站

想拥有自己的博客网站吗? 如今,有很多建立个人网站/个人博客的平台和软件。 例如,最受欢迎的三个是:

1、很好,简单,功能强大制作自己的网站;如何建立一个属于自己的网站?,但是你用它搭建的网站在国内无法访问。

2.下载WordPress软件并自行托管。 有些云平台如AWS已经打包了服务,不需要自己下载。 这需要一定的专业技能,而且不可能完全免费——你必须支付一些托管费用。

3.、非常简单的拖拽式网站创建,会做漂亮的PPT,就能做出漂亮的网站。 然而,一方面,虽然在中国可以访问,但是速度非常慢。 另一方面,如果你不想赠送一点钱,网站顶部总会有一个很长的广告,这很烦人。

今天我将介绍最快、最简单、技术要求最低的搭建博客网站的方法——Github的Fork复制方法。 你没看错制作自己的网站,就是 Github! 即使你不懂编程,你也可以去程序员大本营做事。

使用Github建站的优点:

它完全免费,没有广告; 国内访问无忧(至少目前是这样),速度还不错; 它完全不受平台功能的限制,所以如果你以后会编程,你可以把它改成你想要的任何东西。

补充说明:国内访问Github还是有点不稳定。 建议使用码云()代替。 方法和下面描述的完全一样,但是你需要改变一切,将github.io全部改为gitee.io; 但Fork复制的网站需要改为/klovien/klovien(与github的形式略有不同)。

好吧,怎样才能在10分钟内简单粗暴地制作一个功能齐全的博客网站呢? (这里重点说的是成型的,因为网上有很多10分钟的教程,结果是一个非常粗糙、不成型的博客;至于如何成型,点击下面的按钮就知道了。一般来说话说,界面已经很好看了,马上就可以开始写博客了。)

只需三个简单步骤:

第一步:注册Github账号。 请点击此处注册。 请注意,您的帐户名称非常重要,因为您的用户名将成为您的免费网站域名的核心部分。 它看起来像这样:yourusername.github.io。 例如,我选择的用户名是xin,所以它将成为我的博客网站。 地址是:xin.github.io。 (当然,如果您打算注册付费域名,则帐户名并不重要。)

第 2 步:复制我的网站。 注册并登录Github后,请点击这里/xin/xin.github.io进入我的仓库。 当您看到以下界面时,请点击右上角的“分叉”按钮。

图1 待复制的目标仓库

等几秒钟。 复制完成后shopify开发,你会看到界面和上面几乎一样,只是左上角的仓库名称自动变成了yourusername/klovien.github.io。 她是你的了!

此时,标签行末尾会添加一个“Settings”标签(就在 Fork 按钮下方左侧一点处)。 请注意,您当前位于仓库的“代码”选项卡,因此请点击切换到“设置”选项卡。 进入后,你会看到下面的界面。 现在您只需将下图中仓库名称中的“klovien”一词更改为您账户的用户名即可。 注意保留.github.io制作自己的网站,不要更改它(如果您使用的是gitee,则不会有这个),然后单击“重命名”。 哈哈,完成了。

图2 将仓库名称的第一部分更改为您的用户名

现在打开一个新的浏览器窗口,输入yourusername.github.io来查看效果。 这是您博客的主页。 这不是一件简单而愉快的事情吗? (如果没有出现下图,而是显示404错误,则说明上图改名不正确,请仔细检查您输入的用户名是否是您的,拼写是否正确)

图3 Fork完成后网站的样子

ETC! 这是什么标志? ? ? ——嗯,别担心,当然要换成你自己的标志,请继续。

注意:如果您使用的是码云Gitee并且有免费帐号,则需要手动部署Pages服务才能出现上述网页。 点击“服务-GiteePages-启动”。 任何未来的更改都需要使用类似的操作重新部署才能生效。

第三步,将其更改为您的签名。 现在,回到你的仓库的Code选项卡界面,慢慢往下看,找到这个文件:_config.yml,点击进去看到如下界面。 点击右上角的笔进入编辑模式,将红色箭头所指的地方改成你想要的。 最后一个箭头是头像文件。 假设您还不知道如何上传文件,请将其更改为:/img/about-someone.jpg。 好吧,我在那里放了一个空白头像。

图4 修改网站关键信息,使其成为您自己的网站

滚动到页面底部并单击“提交”,就完成了! 进入你的博客主页 yourusername.github.io 看看是不是所有的信息都改成你的了? (可能需要等待一段时间,多刷新几次,如果使用码云,记得重新部署。)

上面,我们通过几个简单的步骤构建了一个相当完整的、而不是空白的、静态的博客网站。

现在shopify搭建,您可以在仓库“代码”选项卡的_posts目录下添加自己的博客文章:点击进入_posts目录,点击右上角“创建新文件”按钮,将文件名设置为“yyyy -mm-dd-文章标题.md”(注意后缀名),将以下模板内容复制到编辑框中,写上自己想要写的内容,然后点击底部的“提交新文件”按钮即可保存。 现在返回您的博客主页,刷新几次,您的第一个博客就会出现! (你可以删除我原来的文章。再次强调,如果你使用Gitee,则需要重新部署。)

---
layout:     post
title:      (文章标题)
subtitle:   (副标题)
date:       2018-12-01
author:     (作者名)
header-img: img/the-first.png
catalog:   true
tags:
    - 往事如烟
---
# 一级标题
## 二级标题
(正文内容)

至此,网站建设工作已经基本完成,你的第一篇博客也已经发布了。 整个过程没有使用一行代码。 它只涉及复制和更改几个单词。 这很简单!

为了您的方便,请更改您的仓库的描述(描述/网站)。 就是第一张图中“Wellcome to…”对应的地方,改一下,尤其是把Website改成自己的域名,这样就可以点击直接进入自己的博客了。

如需进一步的改进和修改,请阅读我的下一篇文章《在Github上构建免费的个人网站和博客(高级)》。 我建议你不要着急,慢慢来。 可以先写几篇文章好玩,然后慢慢改网站。

进阶之前,如果你看到复制的About和Resources内容很烦,暂时不知道如何更改,请更改仓库Code标签下的两个文件:1-resources.html、2- about.html ,删除(单击该文件,然后单击笔旁边的垃圾桶,类似于图 4)。 别担心,如果有必要,一旦你学会了如何修改,你可以从我这里复制回来并修改。

第一篇博客搭建的文章到这里就结束了。 如果觉得有用的话不妨点个免费赞吧!

西西木科技是shopify官方合作伙伴,通过了Shopify Partner Academy认证,具备多年shopify lic主题开发经验,熟悉Liquid和各项计算机语言。

发表评论