qian奇岸微信二维码 如您需要快速报价 请加技术经理微信 服务热线
13501992972
"MENU"
首页 > 行业新闻 > 正文

不用程序编写,零成本!仅需选择一个主题,配置后加上具体内容

奇岸开发
ahqian.com
11/01/2022
wechat

无需加好友免费技术支持

不用程序编写,零成本!仅需选择一个主题,配置后加上具体内容。

创作者 | Stephen Vinouze

译员 | 弯月,责编 | 郭芮

店标 | CSDN 免费下载自东方IC

制作 | CSDN(ID:CSDNnews)

以下属于译文翻译:

创建一个网站工作量不可小看。即便您有程序编写环境,你也有可能在互联网上找不到方向。你从哪里开始?

看完本文,我能服务承诺你的收获包含:

一个完全免费优雅的网站,乃至不用代管。

让观众和你交流的评价框。

邮件订阅目录用以通告客户你的新知识。

用数据分析工具追踪阅读者个人行为。

以及其它高端主题。

最先,让我看看最近我创建的网站(

很帅吧?

我花了不少时长梳理和科学研究静态数据网站制作器的帖子。文中汇总我所获得的全部信息,希望能给你一个完整的手册。

让我们开始吧!

必要条件

刚才我说建一个新网站不用一分钱。GitHub Pages(

你只要创建一个GitHub账户,能免费代管你网站。版本控制和布署能够全权委托为您Github。十分方便!

因而,基础是:

有着GitHub账户。

掌握Git基础知识。不用权威专家,乃至能直接GitHub的Web操作页面。

知道怎么写Markdown,根据官方网速查表(

数分钟就能学会。

倘若这种都没问题,那我们来看一下最令人激动的一部分吧!

选择主题

这也是文中重要组成部分!大家可以渐渐地选择最理想的模板。

你可以寻找许多免费体验主题。不管你要创建个人博客网站或是个人中心,这种主题都是有详尽的文本文档。自然,你就可以掏钱选择付钱主题。

比如,我的网站选择了Mediumish主题。感激WowThemes提供这一出色的主题。

访问这种主题,点一下Live Demo按键能够看见实时预览。寻找自己想要的!

布署网站

假如你早已建好啦GitHub账号。细看GitHub Pages你应当建立一个文本文档Git库房,取名your_username.github.io。

大家跳过了这种设定流程。终究,大家选择主题的目的在于绕过这种设定流程。你不愿意一天到晚花费在设定上。

依据您选择的模板Git创建库房分岔。模板页面中应当有一个连接,点一下之后可以建立拷贝Git库房,你可以在这样一个仓库中写具体内容。

分岔后,你需要将库房名字更改成your_username.github.io。点一下“Settings随后重新命名库房:

试一试!你的网站应该已经可以用了!在浏览器中打开新窗口,键入URL:

(将your_username更换为你的登录名)。

如有问题,能够对比一下你和我的代码库。

提前准备好自己版本号

GitHub会从master支系布署网站。记牢,传送到master上述一切改动都会造成网站重新配置。

因此在开始前,我的建议是先建立一个develop支系。将develop合拼到master之前,每一个转变也不会危害网站内容。

使用develop子公司,你可以试着其他东西,而不必担心毁坏网站。

检测修改

你一定爱看看develop支系的改变会让网站造成什么危害?大家可以在本地布署。开启控制面板,复制你git键入下列指令:

随后用浏览器打开详细地址:

大家可以一直保存这一终端窗口,网站会您的设备上运作,直至您关掉。

配置网站

如今你网站只是一个空壳子,使我们添加一些具体内容。

注:个人觉得以这篇为手册。不是所有主题的配置都同样。假如你选择的主题和我选择的差异,那我在文中所写的并不一定适合自己。请认真阅读主题自身的文本文档。

最先,我们来看一下_config.yml这儿有很多奇妙的配置。根据自身的必须升级好多个主要参数。

你可以自身配置一些东西,例如:

联系信息

头像图片

社交媒体连接

重新启动Jekyll根据页面刷新,能够看见改动实际效果。

必须提醒一下,已经更改_config.yml文件务必重启Jekyll只看到了实际效果。针对全部文件的变更,仅需页面刷新就可以。

发布文章

现在能用自己的文章替代模板里的文章了。

需在开始前了解Jekyll命名规范。全部文章内容务必:

储存在_posts文件夹下

被命名为

yyyy-mm-dd-name-of-your-post.md格式

用Markdown语言表达撰写(即后缀名).md的含义)

试一试!在_posts用适度的名称在目录下创建文件。随后,更新电脑浏览器还可以在网站里看到你的作品。

假如我的一些文章内容早已发布了Medium上,想转化成Markdown怎么办?”

几个解决方法。我可使用这一非常有利的转化器(

需要注意的是,它没法解决Gist,因此你必须手工制作获取Gist。但不复杂,仅需点一下鼠标右键Medium里的Gist随后包括它