Recent Posts
HTML入门笔记1
Hello 大家好!我是 Cathy 海希。今天来为大家介绍一下 HTML 的一些初级入门知识。
HTML 是谁发明的? HTML 是由伯纳斯-李于 1991 年第一次公布于世,因为他被英国授予了爵士奖,方方老师给这位先生取了一个很亲切又很好记的名字,叫做“李爵士”😂 注意李爵士是英国人,不是中国人哈。
HTML 起手应该写什么 首先,我们得告诉浏览器,我这个文件是 HTML 文件。 然后这个网页使用什么语言。p.s.谷歌翻译就是依据我们定义的语言进行翻译的。 文件使用的字符编码。 网页作为一个标签页显示出来的名字等等。 在 VS CODE 里面,我们只需要! + tab便可以获得以上的基本格式,不需要自己动手去敲。 常用的表章节的标签 HTML5 的标签有 110 多个,但是常用的就是那么 30 来个,所以我们不必要追求一次性记忆所有的标签,可以在做项目的时候遇到新的再去学习。不过以下这些常用的标签,我们还是需要记住的。
h1~h6 用于显示各级标题。 section 表示一个包含在 HTML 文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。 article 表示文档、页面、应用或网站中的独立结构。 main 呈现了文档或应用的主体部分。 aside 表示一个和其余页面内容几乎无关的部分。 等等。 全局属性 全局属性是所有 HTML 元素共有的属性; 它们可以用于所有元素,即使属性可能对某些元素不起作用。 常见的包括:
class contenteditable hidden id style tabindex title 等等。 常用的内容标签 <hr> 水平分割线,代表章节、文章或其他长内容中段落之间的分隔符。 <br> 换行。 <pre> HTML 内部的多个空格都会被缩成一个,用这个标签的话就是告诉 HTML 我是有意而为之,不要缩减我的空格。 <q> 代表内联的引用 。 <blockquote> 代表引用自其他来源的内容。 <ol> 定义一个有序列表。 <ul> 定义一个无序列表。 <li>定义列表中的一个列表项,作为和的内容项。 <dl> + <dt> + <dd> 定义一个定义列表(包含术语和其定义)。 等等。 总结 这个部分虽然是有些枯燥,但是该记住的内容还是需要记住的。让我们通过反复的练习把所有东西装进脑子里吧。🧠
read more
如何利用Hugo创建个人博客
亲手建造个人博客不是梦 🔧 Hello大家好!我是Cathy海希。 在学习编程之前,我会觉得靠自己建造一个个人博客是一件很困难的事情。但是今天我想跟告诉大家:其实很简单!快来跟我一起亲手试试吧!
思路整理 首先,我们得需要一个网站来作为博客的载体。你会想说:“我不会建造网站!😨”不用怕,有一款免费的神器叫做Hugo可以为我们快速生成网站; 光有网站了还不行,我们得把它放到互联网上,这样子人家才可以访问你的博客。 我们可以利用Github里的Github Pages 功能来把我们的网站免费地放到互联网上。 简单来说,就是这样两个步骤,怎么样,听上去是不是没有那么困难了呢?😊那么接下来我们就一步一步来看吧! 通过Hugo快速生成网站 🧙♀️ Hugo Quick Start的这篇文档把操作步骤写得很清楚,你所需要做的就是按照它的指示把命令行一行一行输入到终端里就好了。Step 2需要注意一下,我们这里自定义一下,输入hugo new site xxx(你的Github账号名).github.io-creator 有两点补充一下: 在这里要用Github的账号名作为new site的名字,是因为之后我们需要把它和我们的Github账号连接起来。 好奇的话可以使用code xxx(你的Github账号名).github.io-creator来查看里面的内容,这就是Hugo的厉害之处,快速地为我们创建出了这么多东西。 完成之后,你会得到一个public目录,顾名思义,这个目录就是我们要用于展现给大众的网站所在地啦。(public目录是位于xxx(你的Github账号名).github.io-creator目录里的) 通过执行hugo server命令,你就可以通过访问包含在回复的内容里的http://localhost:1313来预览你的网站。 不过注意,这个时候地址栏里写的是local哦,也就意味着我们需要将它放上互联网,让全世界的人都可以看到。 把网站搬到Github Pages上 🌍 [Github Pages](https://pages.github.com/)是Github推出的可以预览HTML页面的一项功能,所以我们的思路是:把包含网站所有文件的目录(叫public)上传到Github上,然后用Github Pages功能让互联网上的所有人都可以看到这个目录的内容(即网站)。这一步跟上一步相比会复杂一点,让我们慢慢来。
我们需要把我们想要展示的public目录上传到Github上去,所以我们得在这个目录里建立一个git仓库。 但是大家记不记得,在上一步Hugo Quick Start的Step 3为了添加主题的时候,我们已经把public目录所在的xxx.github.io-creatorgit init过了!所以我们需要告诉爸爸xxx.github.io-creator,您旗下的儿子public要独立了,您不要管它。如何操作呢? 在xxx.github.io-creator目录里,建立一个.gitigore文档,里面写上/public/就可以了。 独立宣言发表完之后,我们就可以安心地在public目录下执行git init了。
然后是git add .添加所有文件,git commit -m (你想写的备注)提交。
👆上面两步的本质就是建立好了网站所在目录的本地仓库, 👇我们还需要去Github上建立可以对应它的远程仓库。
在Github上新建一个仓库,仓库名必须取名为xxx(你的Github账号名).github.io。
在public目录里,执行 git remote add origin git@github.
read more