vue脚⼿架引⼊公共样式css的三种⽅法,index中引⼊⽆效的问题这⾥写⾃定义⽬录标题
vue脚⼿架引⼊公共样式css的三种⽅法
1、在index.html中引⼊
// An highlighted block
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>eleme</title>
<link rel="stylesheet" href="static/css/reset.css">引⼊⾃⼰的路径
vuejs流程图插件
<style>
html,body{
height:100%;
width:100%;
}
</style>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
本⼈在这⾥采坑的错误写法,样式⽆效:
<link rel="stylesheet" href="src/assets/css/reset.css">
原因:webpack中规定要将静态⽂件放置在static下的⽂件夹下
<link rel="stylesheet" href="src/assets/css/reset.css">
完成
2、在⼊⼝js⽂件main.js中引⼊。
3、在app.vue中引
新的改变
我们对Markdown编辑器进⾏了⼀些功能拓展与语法⽀持,除了标准的Markdown编辑器功能,我们增加了如下⼏点新功能,帮助你⽤它写博客:
1. 全新的界⾯设计 ,将会带来全新的写作体验;
2. 在创作中⼼设置你喜爱的代码⾼亮样式,Markdown 将代码⽚显⽰选择的⾼亮样式 进⾏展⽰;
3. 增加了 图⽚拖拽 功能,你可以将本地的图⽚直接拖拽到编辑区域直接展⽰;
4. 全新的 KaTeX数学公式 语法;
5. 增加了⽀持⽢特图的mermaid语法 功能;
6. 增加了 多屏幕编辑 Markdown⽂章功能;
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
8. 增加了 检查列表 功能。
功能快捷键撤销:Ctrl/Command  + Z 重做:Ctrl/Command  + Y 加粗:Ctrl/Command  + B 斜体:Ctrl/Command  + I
标题:Ctrl/Command  + Shift  + H
⽆序列表:Ctrl/Command  + Shift  + U
有序列表:Ctrl/Command  + Shift  + O
检查列表:Ctrl/Command  + Shift  + C
插⼊代码:Ctrl/Command  + Shift  + K
插⼊链接:Ctrl/Command  + Shift  + L
插⼊图⽚:Ctrl/Command  + Shift  + G
查:Ctrl/Command  + F
替换:Ctrl/Command  + G
合理的创建标题,有助于⽬录的⽣成
直接输⼊1次#,并按下space 后,将⽣成1级标题。
输⼊2次#,并按下space 后,将⽣成2级标题。
以此类推,我们⽀持6级标题。有助于使⽤TOC 语法后⽣成⼀个完美的⽬录。
如何改变⽂本的样式
强调⽂本 强调⽂本
加粗⽂本 加粗⽂本
标记⽂本
删除⽂本
引⽤⽂本
H O is是液体。
2 运算结果是 1024.
插⼊链接与图⽚
链接: .
210
图⽚:
带尺⼨的图⽚:
居中的图⽚:
居中并且带尺⼨的图⽚:
当然,我们为了让⽤户更加便捷,我们增加了图⽚拖拽功能。
如何插⼊⼀段漂亮的代码⽚
去页⾯,选择⼀款你喜欢的代码⽚⾼亮样式,下⾯展⽰同样⾼亮的 代码⽚.
⽣成⼀个适合你的列表
项⽬
项⽬
项⽬
1. 项⽬1
2. 项⽬2
3. 项⽬3
计划任务
完成任务
创建⼀个表格
⼀个简单的表格是这么创建的:
项⽬Value
电脑$1600
⼿机$12
导管$1设定内容居中、居左、居右

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。