Markdown基本语法
前言Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,Markdown 文件的后缀名便是“.md”。Markdown 常被使用来撰写电子书、博客等,同时也是我们用来记笔记的好伙伴。
本文主要介绍 Markdown 基本语法,如标题、代码块、列表、引用等语法的使用规则。
一、标题语法使用 # 号可表示 1-6 级标题,一级标题对应一个 # 号,二级标题对应两个 # 号,以此类推。
123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题
效果展示:
一级标题二级标题三级标题四级标题五级标题六级标题注:# 和文字之间的空格(以及其他语法中的空格)
二、代码语法要将单词或短语表示为代码,请将其包裹在反引号( ` )中。
1这是`Markdown`语法
效果展示:
这是Markdown语法
代码块:使用( ``` )包裹中代码即可效果展示:
1这是代码块
三、字体语法Markdown 可以使用以下几种字体
12345*斜体文本***粗体文本*****粗斜体文本***~~这是加删除线的 ...
Hexo搭建个人博客
前言Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
本文介绍通过Hexo框架快速搭建个人博客,并部署到Gitee Pages服务部署博客。
环境的安装安装地址
安装Git
安装Node.js
GIT安装
安装步骤:双击下载好的exe文件,一路点击next就好了。
12git bash // 运行git version // 查看版本
能看到版本号就说明你安装成功了,之后的命令都是在这里运行的。
Node.js安装
安装步骤:双击下载好的msi文件,也是一路下一步就好了。
12node -v // 查看node.js版本npm -v // 查看npm版本
Hexo安装安装cnpm淘宝镜像:利用npm工具来安装一个cnpm工具(国内的淘宝npm镜像源),提升下载各种包的速度。
1npm install -g cnpm --registry=https://registry.npm.taobao.org
后面所有的命令npm换成cnpm
安装Hexo1234// 全局安装Hexo包cnpm ...
Hexo优化教程
前言Hexo优化使你的博客更加好看,同时方便阅读。
本文记录了本人在Hexo博客优化的相关配置,以及遇到的一些问题。
主题选择你可以在官方Hexo主题网页中选择你喜爱的主题,并进行相关优化。
注:本人使用的是Butterfly主题,选择一个好的主题是非常必要的。
如果选择的主题不好,出现一些问题是无法解决的;
博主之前踩过坑:比如本地配置完后没有任何问题,但是部署却发生意外的问题。
推荐选择比较火热的主题,出现问题也方面网上查询相关问题。
下文以butterfly主题开展重要的一些配置,希望对你有帮助!
主题安装12// 安装butterflycnpm i hexo-theme-butterfly
主配置修改 Hexo 根目錄下的 _config.yml,把主題改為butterfly1theme: butterfly
检查根目录package.json文件如果没有 pug 以及 stylus 的渲染器,则需要安裝
1cnpm install hexo-renderer-pug hexo-renderer-stylus --save
主题文件在 hexo 的根目录创建一个 ...
前端知识记录5
组件 defineModel 实现1234567891011121314151617181920212223242526272829303132const props = defineProps({ propData: { type: null, default: null }})const emit = defineEmits(['update:propData'])const internalData = ref(props.propData)const data = computed({ get: () => internalData.value, set: (val) => { internalData.value = val emit('update:propData', val) }})// 监听 props.propData 的变化,如果有变化则更新 internalDatawatch( () => ...
前端知识记录4
前言记录平时遇到的技术问题和学习到的新知识
vue3 的 useAttrs 使用123456789101112131415// Grandpa.vue<father text="文本" @handle="handle"/>const handle = () => { console.log('Grandpa') }// father.vue<son :="attrs">const attrs = useAttrs() // 获取所有的未在 defineProps、defineEmits 中声明的属性与事件// son.vue<div @click="handle">我是son {{ attrs.a }}</div>const emit = defineEmits(['handle'])const handle = () => { emi ...
前端知识记录3
前言记录平时遇到的技术问题和学习到的新知识
动态加载js1234567// 使用document.write 动态加载 script(每次引入的js文件名称不同防止浏览器读取缓存文件)<script>document.write("<script src='xxx.js?num=" + Date.now() + "'><\/script>")</script>// 注意:如果后面的闭合标签不使用\分割就会与上面的标签对应,导致后面的成了HTML文本// 以后在<script></script>中的字符串中使用到</script>,都需要分割处理。否则还会出现此BUG!
element plus 自动按需加载与其他1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 ...
前端知识记录2
前言记录平时遇到的技术问题和学习到的新知识
form表单提交使用form表单提交不会有跨域的情况
123456789101112131415161718192021222324252627282930<form id="formId" action="http://localhost:3000" method="get"> <label> <input type="text" placeholder="请输入手机号" id="inputId" name="mobile" pattern="^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$" required > < ...
前端知识记录
前言本文是平时遇到的技术问题和学习到的新知识,还未有时间归类整理,放在该文章中记录。都是比较重要的知识点!!!
i18国际化一个Vue.js插件,提供了多语言解决方案 项目地址(暂未使用过)
1234567891011121314151617181920212223242526272829303132333435363738// 安装npm install vue-i18n --save// main.js使用import VueI18n from 'vue-i18n';Vue.use(VueI18n);// vue-i18n插件需要在入口文件中进行多语言包配置,其实是一个对象每种语言对应一个key。const messages = { en: { message: { hello: 'hello world' } }, cn: { message: { hello: ...
webpack 基础
前言webpack 基础学习的相关内容
介绍是一个静态资源打包工具,将 Webpack 输出的文件叫做 bundle。
参考 webpack
功能介绍Webpack 本身功能是有限的:(其他功能,需要配置才能完成)
Webpack 本身功能比较少,只能处理 js、json 资源,一旦遇到 css 等其他资源就会报错。
开发模式:仅能编译 JS 中的 ES Module
生产模式:能编译 JS 中的 ES Module,还能压缩 JS 代码
基本使用12345需要注意的是 package.json 中 name 字段不能叫做 webpack, 否则安装包会报错// 开发模式npx webpack ./src/main.js --mode=development// 生产模式npx webpack ./src/main.js --mode=production
基本配置5 大核心概念
entry(入口)
指示 Webpack 从哪个文件开始打包
output(输出)
指示 Webpack 打包完的文件输出到哪里去,如何命名等
loader(加载器)
webpa ...
ts后台项目实战
前言记录学习 TS 后台项目的知识
项目构建vite 构建搭建项目123456789# 创建项目pnpm create vite@latest# 选择如下√ Project name: ... vite-template√ Select a framework: » Vue√ Select a variant: » TypeScript# 安装依赖cd vite-templatepnpm i
EditorConfig在项目根目录下增加.editorconfig文件
12345678910111213141516# 编辑器配置文件 参考 http://editorconfig.orgroot = true # 表⽰是最顶层的配置⽂件,发现设为true时,才会停⽌查找.editorconfig⽂件[*] # 表示所有文件适用charset = utf-8 # 设置文件字符集为 utf-8indent_style = space # 缩进风格(tab | space)indent_size = 2 # 缩进大小end_of_line = lf # 控制换行类型(lf | cr | cr ...
