VSCode代码自动保存!!!
VSCode代码自动保存!!!一、打开VSCode设置快捷键:CTRL+,
二、auto save第一眼就能看到
如果没有看到的话,搜索框内输入 auto save
三、默认是off不保存
四、afterDelay —将在配置的 “#files.autoSaveDelay#” 后自动保存为保存的编辑器
五、onFocusChange —— 当编辑器失去焦点时,将自动保存为保存的编辑器也就是鼠标不在VSCode里面时自动保存
六、onWindowChange —— 当窗口失去焦点时,将自动保存为保存的编辑器(窗口可理解为每个代码脚本,当鼠标从 A 脚本转到 B 脚本时,自动保存脚本 A 的修改内容)
最后:这里我用的是onFocusChange,根据自己的喜好随意选择
从零开始搭建个人博客(五)
Math 数学MathJaxKaTeX
不要在标题里使用 mathjax 语法,toc 目录不一定能正确显示 mathjax,可能显示 mathjax 代码
建议使用 KaTex 获得更好的效果,下文有介绍!
修改 主题配置文件:
12345mathjax:enable: true# true 表示每一页都加载mathjax.js# false 需要时加载,须在使用的Markdown Front-matter 加上 mathjax: trueper_page: false
如果 per_page 设为 true,则每一页都会加载 Mathjax 服务。设为 false,则需要在文章 Front-matter 添加 mathjax: true,对应的文章才会加载 Mathjax 服务。
然后你需要修改一下默认的 markdown 渲染引擎来实现 MathJax 的效果。
查看: hexo-renderer-kramed
以下操作在你 hexo 博客的目录下 (不是 Butterfly 的目录):
安装插件
1234567891011121314npm uninstall hex ...
从零开始搭建个人博客(四)
语言修改站点配置文件 _config.yml
默认语言是 en
主题支持三种语言
default(en)
zh-CN (简体中文)
zh-TW (繁体中文)
网站资料修改网站各种资料,例如标题、副标题和邮箱等个人资料,请修改博客根目录的_config.yml部分参数如下,详细参数可参考官方的配置描述
参数
描述
title
网站标题
subtitle
描述
description
网站描述
keywords
网站的关键词。支持多个关键词
author
您的名字
language
网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值 请参考你的主题的文档自行设置,常见的有 zh-TW 和 zh-CN
timezone
网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置,如 America/New_York, Japan, 和 UTC 一般的,对于中国大陆地区可以使用 Asia/Shanghai
导航栏设置 (Navigation bar settings)参数设置主题配置文件中 ...
从零开始搭建个人博客(三)
Front-matterFront-matter 是 markdown 文件最上方以 --- 分隔的区域,用于指定个别档案的变数。
Page Front-matter 用于页面配置
Post Front-matter 用于文章页配置
如果标注可选的参数,可根据自己需要添加,不用全部都写在 markdown 里
Page Front-matter12345678910111213141516---title:date:updated:type:comments:description:keywords:top_img:mathjax:katex:aside:aplayer:highlight_shrink:random:---
写法
解释
title
【必需】页面标题
date
【必需】页面创建日期
type
【必需】标签、分类和友情链接三个页面需要配置
updated
【可选】页面更新日期
description
【可选】页面描述
keywords
【可选】页面关键字
comments
【可选】显示页面评论模块 (默认 true)
to ...
从零开始搭建个人博客(二)
Hexo 基础修改修改网站关键信息Hexo 初始化后,博客网站有一些关键信息是默认的,需要修改为我们自己的信息。
网站资料修改网站各种资料,例如标题、副标题和邮箱等个人资料,请修改博客根目录的站点配置文件 _config.yml:
12345678# Sitetitle: Higanbanasubtitle: '希望能成为一个有趣的人'description: ''keywords:author: Higanbanalanguage: zh-CNtimezone: 'Asia/Shanghai'
Butterfly 主题安装hexo-theme-butterfly 主题是基于 hexo-theme-melody 的基础上进行开发的。
GitHub安装Gitee安装npm安装稳定版【建议】
在你的 Hexo 根目录里
1git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
测试版
测试版可能存 ...
从零开始搭建个人博客(一)
前言搭建一个个人博客需要什么呢?
唯一需要的就是 耐心 、 坚持你需要在遇到问题时自己去网上查找答案,有时候一个问题就要查半天最后还有可能没解决,但是当问题解决时的满足感令人愉悦
环境准备
本教程主要面向 Windows 用户
操作系统:Windows11
Node.js
Git
Hexo
idea
一个 GitHub 帐号
一个云服务器(可选)
一个域名(可选)
安装Node.js和GitNode.jsGitNode.js https://nodejs.org
Windows:通过 nvs(推荐)或者 nvm 安装。
Mac:使用 Homebrew 或 MacPorts 安装。
Linux(DEB/RPM-based):从 NodeSource 安装。
其它:使用相应的软件包管理器进行安装,可以参考由 Node.js 提供的指导。
git https://git-scm.com/
Windows:下载并安装 git。
Mac:使用 Homebrew, MacPorts 或者下载安装程序。
Linux(Ubuntu,Debian):sudo apt-get in ...
从零开始搭建个人博客系列之hexo+butterfly篇
前言
本站基于Hexo搭建,用的是🦋 hexo-theme-butterfly主题本站已升级到最新的v4.9.0详情请移步关于博客更新的二三事
Hexo零基础搭建个人博客Hexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress 插件,一个命令即可部署到 GitHub页面、 gitLab、 Heroku等,强大的APl,可无限扩展,拥有数百个主题和插件。
简单来说就是一个不用你写代码,就能搭建一套属于你自己的个人博客网站应用(零基础小白也会)。
你可以在上面编写文章,做笔记,写日记,码代码。(一个属于你的世界!一个可供别人访问的个人世界)
另外Hexo还提供了大量主题模版供用户下载。你的博客网站将可以随时更换一种主题风格,赏心悦目,简直完美!
部分页面效果展示首页
文章列表
文章详情
博客更新二三事
前言butterfly主题更新啦!!!
最新的 🦋 hexo-theme-butterfly版本已经更新到 v4.9.0
4.9.0更新日志(2023/06/06)
Feature适配 mermaid v10
大于 2000px 时,显示区域增大
可配置 header 和 footer 是否添加黑色半透遮罩
+# Add mask to header or footer (为 header 或 footer 添加黑色半透遮罩) +mask: + header: true + footer: true
artalk 最新评论改为 api 直接调用
waline 最新评论和评论数改为 api 直接调用
再次点击右下角聊天按钮,可关闭聊天
适配新版 artalk
支持随机友链顺序
Fix修复 行内 mathjax 出现滚动条的 bug
修复当 top_img 为颜色时, 閲读模式的顶部依旧显示颜色的 bug
修复配置 subtitle 的 sub 没有生效的 bug
Improvement更新 hexo-renderer-stylus
hr 的美化优化,避免影 ...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
Quick StartCreate a new post1$ hexo new "My New Post"
More info: Writing
Run server1$ hexo server
More info: Server
Generate static files1$ hexo generate
More info: Generating
Deploy to remote sites1$ hexo deploy
More info: Deployment