Markdown写静态网站指南

麦田3年前 (2019-11-25)工作笔记837

使用Markdown写静态网站需要注意:


1、模板格式已经写好,只需要替换相应内容,不要打乱格式;


2、理解标题、标签、关键词的含义;


标题title:就是本文的主题内容的一句话总结,全文是围绕这个主题开展的;


标题从哪里来


来源一,依靠搜索引擎的相关搜索功能:


现在手机用户多,所以建议使用以下搜索的手机版,在电脑上也可以打开


百度手机版:http://m.baidu.com/


搜狗手机版:https://wap.sogou.com/


神马搜索:https://so.m.sm.cn/s?q=lv


360搜索:https://m.so.com/


以百度为例,搜索lv皮带,网页最下面有相关搜索如下:


相关搜索


这些相关搜索就是比较好的文章标题,有些可以直接使用,有些需要自己重新编辑:


比如可以直接使用的:一条lv皮带能用多久


需要重新编辑的:高档男士30礼物排行榜


可以修改为:高档男士礼物排行榜第一位是奢侈品皮带


来源二,依赖自己的大脑,比如说我想为大家介绍lv皮带,大脑里自然会有这样的主题:


lv皮带产自哪里?


lv皮带是什么材料的?


lv皮带价格是多少?


附注:奢侈品腰带品牌比较多,主流畅销的品牌如下:


lv、古驰、菲拉格慕、爱马仕、史蒂芬劳、范思哲、巴宝莉、芬迪、杰尼亚、普拉达、万宝龙、罗意威、阿玛尼、捷豹、克罗心等等


标签tags:提取本文内容中最关键的几个词语,一般是1-5个


怎么选取标签?


举例说明:


标题:张磊和韩梅梅的故事,标签:张磊、韩梅梅、故事;


标题:美国阿拉斯加地震,标签:阿拉斯加地震、地震、阿拉斯加;


标题:国产大型邮轮开建,标签:国产邮轮、邮轮;


标题:lv皮带产自哪里,标签:lv皮带、lv、lv产地;


标题:lv皮带价格是多少,标签:lv皮带、lv皮带价格;


标题:高档男士礼物排行榜第一位是奢侈品皮带,标签:男士礼物、奢侈品皮带、高档礼物;


通过以上示例可以看出,标签通常是从标题中提炼出来!


顺便说下关键词:就是一篇文章的关键内容总结,其实是标签的另外一种叫法。


关键词主要用于搜索领域,比如说本站的关键词是lv腰带,那么我们交流时会问,你的关键词排名怎么样?而不会说你的标签排名怎么样?


标签存在的意义,除了便于访问者查看感兴趣的标签相关的文章,也利于关键词排名。


网页配图:


每篇文章,我都已经配好图片,图片的代码如下:


以上代码有【腰带】两个字,这个叫做图片标签,意思是描述本图片的内容,修改成文章的某个标签即可,比如本文的标签是lv腰带,图片标签修改成:lv腰带即可。


注意:图片代码上下和文字之间都需要空一行!


正文:


原创最重要,通过改编文学城博客文章属于伪原创,也不错;


特别注意:要筛选文学城博客内容!


英文太多的文章不要


字数:建议300-2000字之间,字数没有严格限制;


图片代码之前的文字占全文的三分之一、四分之一、五分之一都可以,没有严格限制;


图片代码之前的内容必须出现1-2次标签,或者标题内容;


全文必须出现2-10次标签,或者标题内容,只要是2次以上皆可,没有严格限制,出现的位置最好使在文章的前面+中间+后面都有;


标签或者说关键词必须要自然的融入到文章内,而不是生硬的插入!


以下是视频教程,视频应该放大到全屏观看!


Markdown写静态网站视频指南如下:


视频展示常见的操作错误:


录屏软件:KK录像机,另外bandicam也不错!



Markdown常用代码


<font color="#CC0000">红字</font>


<font color="#CC0000" size="5em">大号红字</font>


如果是新的一行,就用下面一段:


<p><font color="#CC0000" size="5em">这段文字颜色是红色</font></p>


以下一句话背景颜色为黄绿色


<span style="background:#D8D8BF">这段文字的背景颜色是黄绿色</span>


以下文字背景颜色是玫瑰红


<span style="background:#EEB4B4">玫瑰红</span>


名言网站设置名言来源靠右


<span style="float:right;color:#666;font-size:1rem">123采</span>


按钮


<kbd>按钮</kbd>


以下整段话的背景颜色为黄绿色


<span style="background-color: #D8D8BF; padding: 5px">整段话</span>


以下代码给文字下划线强调


<span style="border-bottom:1px solid #CC0000">红色下划线</span>


<span style="border-bottom: 1px dashed">虚线下划线</span>


<span style="text-decoration:underline">普通下划线</span>

相关文章

手机网页点击拨打电话的代码

有些电商的手机网站,经过添加特殊链接,可以让顾客点击电话号码直接拨号,实现方法如下:1、比如打给1008610086<a href="tel:10086">10086&...

网站设置301重定向的方法

因为各种原因,比如更换域名,老域名要跳转到新域名。这种情况要设置301跳转(301重定向),301跳转的最大意义是可以把老域名的权重转移到新域名。所以说,设置301跳转是最常见,最重要的跳转方式。30...

网站结构经验谈

网站有大有小,结构也有所不同,麦田的经验如下:1、小型网站(页面在1000以下)麦田建议的结构是完全扁平化,所有网页文件都放在根目录中,包含:index、list、fenlei、neirong…2、中...

静态博客生成器大全和简评

根据静态博客生成器排行榜网站staticgen,将主流的程序列出如下,并简评备忘:第一名:Next.js,依赖Node.js,安装简单,一次安装成功,但是使用麻烦;第二名:Jekyll,安装简单,在深...

Markdown软件推荐

Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。本人经常使用Markdown编辑器写文章,然后用hugo这种静态网站生成器生成网页,...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。