当前位置: 首页 > news >正文

网站后台界面seo入门黑帽培训教程

网站后台界面,seo入门黑帽培训教程,做企业网站织梦和wordpress哪个好,南山做网站方案文章目录 零、引言一、 【编辑器环境】二、 【Markdown编辑区详细说明】2.1 题目位置2.2 导航目录2.3 文本样式2.4 字体背景色2.5 字体美化2.6 插入代码、图片、动图2.7 插入图片2.8 插入GIF动图2.9 优化排版2.10 创建一个表格2.11 设定内容居中、居左、居右2.12 SmartyPants2.…

文章目录

  • 零、引言
  • 一、 【编辑器环境】
  • 二、 【Markdown编辑区详细说明】
    • 2.1 题目位置
    • 2.2 导航目录
    • 2.3 文本样式
    • 2.4 字体背景色
    • 2.5 字体美化
    • 2.6 插入代码、图片、动图
    • 2.7 插入图片
    • 2.8 插入GIF动图
    • 2.9 优化排版
    • 2.10 创建一个表格
    • 2.11 设定内容居中、居左、居右
    • 2.12 SmartyPants
    • 2.11 如何创建一个注脚
    • 2.11 KaTeX数学公式
    • 2.13 新的甘特图功能,丰富你的文章
    • 2.14 FLowchart流程图
  • 三、导出与导入
    • 3.1 导出
    • 3.2 导入

零、引言

作为一只合格的程序猿,我们创建自己的一篇博客,不仅要明确自己的创作主题内容,同时也应该保证内容具有一定的可读性,美观得体。
因此,在保证内容支撑的同时,也需要掌握一定的写作技术和写作规范,保证自己的博客受(看)到(得)青(过)睐(去)。
申明:此篇博客用于自己学习,重点参考了此篇文章《【小白】如何写好自己的一篇CSDN博客》原文链接:https://blog.csdn.net/cungudafa/article/details/84658703

一、 【编辑器环境】

使用Markdown编辑器,原因如下:

  • 左右对比查看,方便修改;
  • 最上面一栏和我们常用的office/WPS用法相同;
  • 编辑器支持常用快捷键:ctrl+c(复制)、ctrl+v(粘贴)、ctrl+z(撤销最后一次编辑)等;具体用法可打开保存旁边的问号按钮——帮助文档;
  • 支持强力拖拽来粘贴图片,将Word上的图片直接拖拽到Mark文档上;当然最上面一栏引入图片也可以从电脑文件夹中上传一张图片;也可使用快捷键保存图片。
  • 常点击 “Crtl+S”保存,避免断电、断网、意外关闭网页造成心血化为泡沫;
  • 最后点击发布文章,好的标签、分类也是一片好文章所必要的。
    图1. Markdown编辑器界面

二、 【Markdown编辑区详细说明】

2.1 题目位置

其位于页面最上端,图片如下所示↓↓↓
图2. 标题位置

2.2 导航目录

导航目录是为博主提供的目录导航快捷方式,方便读者阅读时直接跳转到相应目录,如图所示:
在这里插入图片描述
使用方法类似于Word,最多可设置6级标题。建议掌握以下快捷键:

  • 一级标题:“#”+“Space空格”
  • 二级标题:“##”+“Space空格”
  • 三级标题:“###”+“Space空格”
    导航目录
    注:序号如“一、”“(1)”“1.1”等标题序号需要自己手动打出,不能够通过“#”等快捷键自动获取。

2.3 文本样式

文本样式可以使用菜单栏的快捷方式,也可以通过命令符号实现更加绚丽的文本效果,突出重点,效果显著。常见命令如下所示↓↓↓

*强调文本* _强调文本_**加粗文本** __加粗文本__==标记文本==~~删除文本~~> 引用文本H~2~O is是液体。链接: [link](https://www.csdn.net/).
1. 项目1
2. 项目2
3. 项目3- [ ] 计划任务
- [x] 完成任务

210 运算结果是 1024.

效果如下所示:

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O is是液体。

210 运算结果是 1024.

链接: link.

  1. 项目2
  2. 项目3
  • 计划任务
  • 完成任务

2.4 字体背景色

同样是以快捷键的方式实现,命令如下:

<table><tr><td bgcolor=orange> 背景色是orange</td></tr></table>

效果图

2.5 字体美化

命令示例:

<font color="red">中间写上想说的话</font>
<font color=#f111f1>中间写上想说的话</font>
<font face="黑体">黑体字示例</font>
<font face="微软雅黑">微软雅黑示例</font>
<font face="STCAIYUN">华文彩云示例</font>
<font color=#0099ff size=5 face="STCAIYUN">color=#0099ff size=6 face="黑体"</font>
<font color=red size=5>color=#00ffff</font>

图五、效果图

  • 其他博主的安利直通链接:

 颜色库:https://blog.csdn.net/wsp_1138886114/article/details/80954960

 搭配实例: http://www.yinhuafeng.cn/daohang/peise/ - character_0

 博主cungudafa的十六进制颜色表:
在这里插入图片描述
在这里插入图片描述

2.6 插入代码、图片、动图

程序猿必备技能,下面是代码实践部分↓↓↓
在这里插入图片描述
注:插入代码片时,只有输入相应的语言种类才能高亮哦!

2.7 插入图片

插入图片方法:

  •  用快捷键粘贴图片、文字等
  •  ctrl+c(复制)、ctrl+v(粘贴),可以从Word上粘贴到Markdown编辑器上,不用每次点击另存Word图片再上传;
  •  暴力插入:强力拖拽来粘贴图片,将Word上的图片直接拖拽到Mark文档上;但是Markdown编辑器不支持文字拖拽排序,只能选中文本Ctrl+z和Ctrl+v来调整编辑器上文字、图片、代码片的顺序;(使用无效实测)
  •  菜单栏引入:图片也可以从电脑文件夹中上传一张图片,最原始,通常引入文件夹中的图片、视频等。

♥拓展技能:【改变图片大小】
 原图:直接复制过来,不做改变
 按原图比例缩放:在70后面+“一个空格”+“=尺寸”+“小写的x”
 按固定大小缩放:在70后面+“一个空格”+“=长x高”
 图片居中:在70后面+“#pic_center”

在这里插入图片描述

2.8 插入GIF动图

  • 从文件夹上传GIF动图
  • 手机录屏.mp4在线转GIF上传
    (1). 任意下载一个手机录屏软件–例如:录屏精灵
    (2). 录制完之后是一个mp4格式的视频文件,上传到电脑,
    (3).打开在线转换器:https://ezgif.com/video-to-gif将其转成gif动态图

2.9 优化排版

  •  注意换行:
    在这里插入图片描述
  • 注意序号排列整齐在这里插入图片描述

2.10 创建一个表格

一个简单的表格是这么创建的:

项目     | Value
-------- | -----
电脑  | $1600
手机  | $12
导管  | $1

效果如下:

项目Value
电脑$1600
手机$12
导管$1

2.11 设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左

2.12 SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

TYPEASCIIHTML
Single backticks'Isn't this fun?'‘Isn’t this fun?’
Quotes"Isn't this fun?"“Isn’t this fun?”
Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

注:仍不明白什么意思,待用到再说哈~

2.11 如何创建一个注脚

一个具有注脚的文本。[^2][^2]: 注脚的解释

一个具有注脚的文本。1

Markdown将文本转换为 HTML

2.11 KaTeX数学公式

可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
n\in\mathbb N$ 是通过欧拉积分

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分
Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

2.13 新的甘特图功能,丰富你的文章

(我选择直接插入PPT图片hhh~)
在这里插入图片描述

Mon 06 Mon 13 Mon 20 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法,参考 这儿,

2.14 FLowchart流程图

(我依旧选择直接插入PPT图片orz~)

我们依旧会支持flowchart的流程图:

Created with Raphaël 2.3.0 开始 我的操作 确认? 结束 yes no
  • 关于 Flowchart流程图 语法,参考 这儿.

三、导出与导入

3.1 导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

3.2 导入

如果你想加载一篇你写过的.md文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
继续你的创作。


  1. 这是一个注脚 ↩︎

http://www.yidumall.com/news/29461.html

相关文章:

  • 市场调研网站有哪些网络舆情监测
  • 怎么把图片做超链接到网站怎么做网址
  • 做网站的是干嘛的百度账号人工客服电话
  • 凤岗镇网站建设公司百度导航最新版本
  • 用rp怎么做网站原型优化师助理
  • 化妆品网站建设策划方案域名停靠网页推广大全2021
  • 如何做攻击类型网站网络营销研究背景及意义
  • 外部调用wordpress 热门文章北京优化网站推广
  • 网页设计建网站流程seo网站优化
  • 梧州seo公司谈谈对seo的理解
  • 杭州市下城区建设厅网站培训心得体会800字
  • 建筑做地图分析的网站郑州网站seo
  • 网站建设地址北京昌平客户引流的最快方法是什么
  • 网站设关键字湖南百度推广开户
  • 网站栏目标题国内的搜索引擎排名
  • 30个让人兴奋的视差滚动网站长沙百度推广开户
  • 哈尔滨网站建设哪家好湖南网站设计外包费用
  • 安全的营销型网站制作近三天时政热点
  • 嘉兴快速建站合作磁力狗bt
  • 做有弹幕视频网站关键词排名优化技巧
  • 一个专门做澳洲直邮的网站吗网站建设方案设计书
  • 网站 欣赏企业网络推广的方式有哪些
  • 佛山新网站建设特色2345网址导航官网下载
  • wordpress download manager厦门关键词优化seo
  • 中国移动官方网站登录入口seo快速推广窍门大公开
  • 合肥网站建设 一浪搜狗友链交换
  • 做ppt兼职的网站百度快照收录入口
  • 移动网站尺寸百度电脑版
  • 淘客做网站怎么备案关键词分析工具网站
  • 我的世界外国做图网站外链代发2分一条