=☆ 给你造的语言搭一个小网页【保姆级教程】

Hello啊各位,我胡汉三又回来啦~今天来告诉大家怎么用GitHub来搭一个小网页给你的语言做个归宿。
【给吧务的话】
其实发这个帖子之前我还是很怕的,害怕会被吧务河蟹,毕竟这个话题某位造三叶草国际语的同志干过,误以为是广告被删了。求吧务不要删,我为了这个帖子还专门注册了GitHub账号,恳请手下留情~
【正题】
这篇帖子我准备了很久,最后选择了保姆级的教程,绝对不会出什么太大的问题,我真的没有打广告。


效果图镇楼


楼主 free谢文渤  发布于 2020-03-29 08:06:00 +0800 CST  
本篇教程适合人群:
· 有Markdown基础的人们
· 有耐心维护网站的人们
· 有精力研究的人们
· 有耐心按照每一个箭头操作的人们

楼主 free谢文渤  发布于 2020-03-29 08:08:00 +0800 CST  
A. 首先进入 github 官 网 ,地址图片在图片内。按照提示操作即可。先注册账号。





楼主 free谢文渤  发布于 2020-03-29 08:08:00 +0800 CST  
B. 没什么问题的话就可以选择计划,如果是个贫农,免费版就够用了



楼主 free谢文渤  发布于 2020-03-29 08:09:00 +0800 CST  
C. 选完了去你的邮箱验证地址




楼主 free谢文渤  发布于 2020-03-29 08:10:00 +0800 CST  
D.全文高潮来袭,创建仓库



楼主 free谢文渤  发布于 2020-03-29 08:10:00 +0800 CST  
E. 这时候你去这个用户名+github。io的网站就可以看到了。【第一部分结束】


楼主 free谢文渤  发布于 2020-03-29 08:11:00 +0800 CST  
F. 回到仓库,进入设置,开始进行「GitHub Pages」的配置。





楼主 free谢文渤  发布于 2020-03-29 08:12:00 +0800 CST  
G. 回到你的网站,看,网站已经建好了。




楼主 free谢文渤  发布于 2020-03-29 08:13:00 +0800 CST  
如果后会有期,我会继续在本帖告诉大家怎么给你的网页更新,教大家一些简单的Markdown语法以及Git的使用方式。

这个教程我原本想着要用WordPress搭建,但是WordPress太重了,需要安装XAMPP数据库和Git命令行,还要敲Git命令,比较麻烦,有这个精力直接来内网穿透更方便,现在GitHub官方有了GitHubPages,大大减少了开发时间,相当方便。
吧友们只要阅读完你的网站上那篇向导就可以了解大多数的Markdown知识,加油吧!
全文完,感谢阅读!

楼主 free谢文渤  发布于 2020-03-29 08:23:00 +0800 CST  
外带一点儿私货,如果你真的不会Markdown,可以多用印/象/笔/记或者有/道/云/笔/记写Markdown,用Bear写也是不错的选择。

楼主 free谢文渤  发布于 2020-03-29 08:35:00 +0800 CST  
补充:关于怎么改那个超大的字,只要打开config文件,另起一行写「title:」加上你要的标题就行了。

楼主 free谢文渤  发布于 2020-03-29 14:46:00 +0800 CST  
谢加精!

楼主 free谢文渤  发布于 2020-03-30 07:06:00 +0800 CST  
今天开始更新Markdown吧!

楼主 free谢文渤  发布于 2020-03-30 08:02:00 +0800 CST  
在开始这个漫长的 Markdown 系列之前,我要对大家进行一些前端知识的补充。前端的主要文件架构分为 HTML、CSS 和 JavaScript 三门语言,又称作「三大件」。HTML(超文本标记语言)负责编写文件框架,CSS(层叠样式表)负责美化网页,JavaScript加入一些细节处理。
譬如我要盖一幢房子,HTML 就是地基和墙,连房间里哪里要放啥都画好了,CSS 只要糊一糊墙,刷一刷漆,摆一摆家具,JavaScript 就可以让一些东西动起来,或者加入一些自动化的小玩意儿。

楼主 free谢文渤  发布于 2020-03-30 08:02:00 +0800 CST  
有了前端知识,我们就可以了解了解 Markdown。Markdown 本质是简化版的 HTML 文字功能(仅限于文字功能),HTML 文字可以做的,Markdown 也可以做。那你说 CSS 和 JavaScript 呢?事实上,CSS 早在你搭建 GitHub Pages 时就写好了,不用你动手。正常情况下,HTML 和 CSS 完全足够编写一个网站,JavaScript 有时显得多余。

楼主 free谢文渤  发布于 2020-03-30 08:02:00 +0800 CST  
下面是 Markdown vs HTML 回合:
HTML:<h1>Hello world! </h1>
Markdown:# Hello world!
可以看到,都是一段字,Markdown 就简单了很多。

楼主 free谢文渤  发布于 2020-03-30 08:03:00 +0800 CST  
还有些地方 Markdown 甚至比 HTML 更方便,比如 LaTeX 公式:
Markdown:$$ a^{2} + 1 = 5 $$
HTML:引入 JS 库,定义类,敲一个 <p class="latex">a^{2} + 1 = 5 </p>
这个过程中,HTML 的编写体验就大大失分。

楼主 free谢文渤  发布于 2020-03-30 08:04:00 +0800 CST  
1.斜体字
Markdown:*文字*
HTML:<i>文字</i>
效果:


楼主 free谢文渤  发布于 2020-03-30 08:09:00 +0800 CST  
2.粗体字
Markdown:**文字**
HTML:<b>文字</b>
效果:


楼主 free谢文渤  发布于 2020-03-30 08:10:00 +0800 CST  

楼主:free谢文渤

字数:6132

发表时间:2020-03-29 16:06:00 +0800 CST

更新时间:2021-01-22 00:11:49 +0800 CST

评论数:81条评论

帖子来源:百度贴吧  访问原帖

 

热门帖子

随机列表

大家在看