
无需加好友免费技术支持
不用程序编写,零成本!仅需选择一个主题,配置后加上具体内容。
创作者 | 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随后包括它