=☆ 给你造的语言搭一个小网页【保姆级教程】
Hello啊各位,我胡汉三又回来啦~今天来告诉大家怎么用GitHub来搭一个小网页给你的语言做个归宿。
【给吧务的话】
其实发这个帖子之前我还是很怕的,害怕会被吧务河蟹,毕竟这个话题某位造三叶草国际语的同志干过,误以为是广告被删了。求吧务不要删,我为了这个帖子还专门注册了GitHub账号,恳请手下留情~
【正题】
这篇帖子我准备了很久,最后选择了保姆级的教程,绝对不会出什么太大的问题,我真的没有打广告。
效果图镇楼
【给吧务的话】
其实发这个帖子之前我还是很怕的,害怕会被吧务河蟹,毕竟这个话题某位造三叶草国际语的同志干过,误以为是广告被删了。求吧务不要删,我为了这个帖子还专门注册了GitHub账号,恳请手下留情~
【正题】
这篇帖子我准备了很久,最后选择了保姆级的教程,绝对不会出什么太大的问题,我真的没有打广告。
效果图镇楼
本篇教程适合人群:
· 有Markdown基础的人们
· 有耐心维护网站的人们
· 有精力研究的人们
· 有耐心按照每一个箭头操作的人们
· 有Markdown基础的人们
· 有耐心维护网站的人们
· 有精力研究的人们
· 有耐心按照每一个箭头操作的人们
如果后会有期,我会继续在本帖告诉大家怎么给你的网页更新,教大家一些简单的Markdown语法以及Git的使用方式。
这个教程我原本想着要用WordPress搭建,但是WordPress太重了,需要安装XAMPP数据库和Git命令行,还要敲Git命令,比较麻烦,有这个精力直接来内网穿透更方便,现在GitHub官方有了GitHubPages,大大减少了开发时间,相当方便。
吧友们只要阅读完你的网站上那篇向导就可以了解大多数的Markdown知识,加油吧!
全文完,感谢阅读!
这个教程我原本想着要用WordPress搭建,但是WordPress太重了,需要安装XAMPP数据库和Git命令行,还要敲Git命令,比较麻烦,有这个精力直接来内网穿透更方便,现在GitHub官方有了GitHubPages,大大减少了开发时间,相当方便。
吧友们只要阅读完你的网站上那篇向导就可以了解大多数的Markdown知识,加油吧!
全文完,感谢阅读!
外带一点儿私货,如果你真的不会Markdown,可以多用印/象/笔/记或者有/道/云/笔/记写Markdown,用Bear写也是不错的选择。
在开始这个漫长的 Markdown 系列之前,我要对大家进行一些前端知识的补充。前端的主要文件架构分为 HTML、CSS 和 JavaScript 三门语言,又称作「三大件」。HTML(超文本标记语言)负责编写文件框架,CSS(层叠样式表)负责美化网页,JavaScript加入一些细节处理。
譬如我要盖一幢房子,HTML 就是地基和墙,连房间里哪里要放啥都画好了,CSS 只要糊一糊墙,刷一刷漆,摆一摆家具,JavaScript 就可以让一些东西动起来,或者加入一些自动化的小玩意儿。
譬如我要盖一幢房子,HTML 就是地基和墙,连房间里哪里要放啥都画好了,CSS 只要糊一糊墙,刷一刷漆,摆一摆家具,JavaScript 就可以让一些东西动起来,或者加入一些自动化的小玩意儿。
有了前端知识,我们就可以了解了解 Markdown。Markdown 本质是简化版的 HTML 文字功能(仅限于文字功能),HTML 文字可以做的,Markdown 也可以做。那你说 CSS 和 JavaScript 呢?事实上,CSS 早在你搭建 GitHub Pages 时就写好了,不用你动手。正常情况下,HTML 和 CSS 完全足够编写一个网站,JavaScript 有时显得多余。
下面是 Markdown vs HTML 回合:
HTML:<h1>Hello world! </h1>
Markdown:# Hello world!
可以看到,都是一段字,Markdown 就简单了很多。
HTML:<h1>Hello world! </h1>
Markdown:# Hello world!
可以看到,都是一段字,Markdown 就简单了很多。
还有些地方 Markdown 甚至比 HTML 更方便,比如 LaTeX 公式:
Markdown:$$ a^{2} + 1 = 5 $$
HTML:引入 JS 库,定义类,敲一个 <p class="latex">a^{2} + 1 = 5 </p>
这个过程中,HTML 的编写体验就大大失分。
Markdown:$$ a^{2} + 1 = 5 $$
HTML:引入 JS 库,定义类,敲一个 <p class="latex">a^{2} + 1 = 5 </p>
这个过程中,HTML 的编写体验就大大失分。