当前位置:首页 > 生活百科

怎么做自己的网站(5分钟教你做网站的三个步骤)

栏目:生活百科日期:2023-09-20浏览:0

建立自己的网站在几个层面上都是有益的。可以有机会向朋友、家人和潜在的雇主展示你的工作和成就,带来自豪感,并根据自己的喜好自由地构建和塑造自己的网站。

而构建博客页面是一种绝佳的选择,但其有限的功能只能撰写和发布文章。最终,像我一样,你将希望自己的网站成为工作的核心部分。幸运的是,我们生活在一个充满创造力的伟大时代,你可以在几分钟内使用免费工具构建网站。

在这篇文章中,我们将看到如何使用Jekyll站点生成器和GitHub Pages来构建和发布一个不需要编码的简单博客。如果你想了解最终产品,可以查看我的(正在构建中)网站。

Jekyll和GitHub页面

Jekyll是一个简单的静态站点生成器。这意味着它需要纯文本文件,并将它们呈现为一个网站,然后可以通过网络托管服务提供给网站。这项服务的一个选择是GitHub Pages,这是一个免费托管并通过GitHub轻松发布的网站。

使用Jekyll+GitHub页面,你的网站源文件位于GitHub存储库中,该存储库会自动发布到网站上。基本上,Jekyll将存储库中的文本文档转换为网页,然后该网页由GitHub托管。你唯一需要担心的是撰写帖子和编辑一些文本文件。正如Jekyll的设计理念所述:”Jekyll不受约束,让你专注于真正重要的事情:内容。”

你可以在GitHub上按照这个指南设置一个新的空白网站。但是,如果你希望尽可能快地创建一个简单的博客,更好的选择是分叉(fork)(这是一个GitHub术语,意味着复制)Jekyll Now存储库,该存储库已经构建了博客布局并准备发布。

分叉之后,进入你账户下的存储库设置,并将名称更改为username.github.io。

将Jekyll Now存储库分叉并将名称更改为username.github.io

在几分钟内,你将能够在浏览器中导航到username.github.io,并在网络上看到你的新网站!但现在还不属于你,你可以通过几个步骤解决这个问题。

默认的Jekyll Now网站

你可以通过克隆存储库并在你喜欢的文本编辑器中打开它们来本地编辑任何网站文件。然后,当提交并将更改推送到GitHub时,网站将自动更新。但是,我强烈推荐采有在线Prose编辑器,而不是本地编辑器。

Prose编辑器

Prose编辑器可以使你可以更轻松地查看所有文件,快速进行更改,并在保存后立即提交,并将其推送到GitHub。你必须使用GitHub对Prose编辑器进行身份验证,然后才能开始改进你的博客。例如,要开始让网站个性化,请编辑_config.yaml文件:

在Prose编辑器中编辑_config.yaml。 点击保存后,可以在线查看这些更改。

更改配置文件后的网站

写博客帖子

Jekyll中的所有博客文章都是采用Markdown编写的,这是一种轻量级语言,可以转换为HTML或许多其他格式。它非常容易学习,在网络上无处不在,并提供了大量自定义帖子的机会。

你的网站帖子位于_posts /文件夹中,当你在Prose编辑器中编辑和保存文件时,你将能够看到它们出现在你的博客上。遵循命名约定:date-title.md,你的帖子将自动在你的网站上正确显示命名和日期。

在Prose(上图)中编辑Markdown文档并在网站上显示帖子(下图)。

如果你已在Medium平台上发布帖子,则可以使用此Chrome扩展程序或这个命令行工具将这些帖子转换为Markdown。其转换并不完美,但只需进行一些编辑,你就可以快速将作品导出到博客中。这是我写的一篇关于从现有的文章到Markdown的文章,它解决了我发现的几个问题。

走得更远

构建自己网站的好处是你可以控制事物外观的各个方面,并添加想要的任何功能。首先挖掘存储库中的文件并查看Jekyll文档。例如,要更改字体和样式,编辑style.scss文件,并启用帖子评论等功能,请编辑_config.yaml。你甚至可以通过像Hover这样的网络域名注册商购买一个自定义域名,并遵循这个指南。

关于Jekyll的好处是,如果只想专注于写作,可以保留默认值,就将拥有一个干净、可呈现的博客。如果你想要进行更改,那么可以尽可能地进行更改。例如,我在我的about页面中添加了一个实时代码编辑器,以使其更有趣:

编辑的关于页面的实时编码

结论

如果你因为担心时间或成本问题而一直没有创建博客,那么现在是时候开始了。使用GitHub Pages和Jekyll,你可以在五分钟内免费获得自己的博客!

提醒一下,步骤如下:

1将Jekyll Now存储库分叉到你的GitHub帐户。

2将repo重命名为username.github.io。你的网站就可以发布。

3在Prose在线编辑器中更改网站文件并保存以更新网站。通过更改_config.yaml并在_posts/中添加markdown帖子开始使用。

4通过阅读文档,查看其他网站或只是进行试验,尽可能多地扩展/自定义网站。

对于已经拥有Medium帖子的人来说,这里有一个将他们转移到Markdown的指南。如果你没有这样做,那么这里还有一些关于数据科学项目的帮助文档。最后,自己尝试构建一个网站吧!

“怎么做自己的网站(5分钟教你做网站的三个步骤)” 的相关文章

理解是什么意思 什么是理解

1理解,汉语词汇,拼音是lǐ jiě,意思是顺着条理进行详细的分析,从一定的认知上了解,明白。2顺着脉理或条理进行剖析, 从道理上了解,指了解,认识,说理分析, 见解。3宋·苏轼《众妙...

鸥组词 汉字鸥怎么组词

1鸥波萍迹[ōu bō píng jì] 比喻闲适自由的隐者生活。2鸥社[ōu shè] 犹鸥盟。3鸥鹭盟[ōu lù méng] 犹鸥盟。4海翁失鸥[hǎi wēng shī ōu] 在海边居住的那个...

旁边用英语怎么说 旁边的英语是什么

1旁边的英语:side,英 [saɪd] 美 [saɪd]。2Melted wax dribbled down the side of the candle. 熔化了的蜡一滴滴从蜡烛边上流下。3Paul swam in his ungainly way to th...

历史上有没有那齐娅这个人 那齐娅是哪里的人物

1历史上有没有那齐娅这个人,是影视剧虚构人物。2那齐娅是《太祖秘史》虚构的女4号。最初她是父亲巴结李如柏的礼物,后来又成为努尔哈赤从李如柏手中抢来的战利品,最后是努...

in怎么读英语 in如何读英语

1in英[ɪn]美[ɪn]。2prep.在里面; 在(某范围或空间内的)某一点; 在(某物的形体或范围)中; 在…内; 在…中; 进入;3adv.在里面; 在内; 进入; 在家里; 在工作单位;4adj....

一念天堂票房(一念天堂成本和票房)

一念天堂票房(一念天堂成本和票房)哆啦A梦:伴我同行2》和《寂静之地2》两部大片的来袭,让原本被《速度与激情9》支配的影院迎来了新的生机与活力。两部新片上映4天均已突破1...

关于励志的一段话 写给自己励志的一段话

1即使跌倒了,也要漂亮的站起来再哭。想要的东西必须自己拿,不然就算别人给你也要不起。只有自己强大,才不会被别人践踏。2用你的努力,让那些看你笑话的再也笑不起来。3许多...

如什么似什么的成语 如什么似什么的成语精选

1如什么似什么的成语:如饥似渴、如狼似虎、如鱼似水、如花似月、如痴似醉、如花似朵、如胶似漆。2如饥似渴:意思是形容要求很迫切,好像饿了急着要吃饭,渴了急着要喝水一样。...

红裤子配什么上衣 几种红裤子的搭配

1红色裤子搭配白色上衣:经典百搭的白色搭配亮眼的红色也是一对安全的CP,而且红色搭配白色还能提亮肤色,让你看上去更加甜美,在沉寂的秋冬季,让你会更加活泼可爱。2红色裤子搭...

洁癖拼音 洁癖读音及解释

1洁癖[jié pǐ]:强迫症的一种,即把正常卫生范围内的事物认为是肮脏的,感到焦虑,强迫性地清洗、检查及排斥“不洁”之物。分肉体洁癖、行为洁癖和精神洁癖。较轻的洁癖仅仅...