ZZJX-BLOG

三. Vue 21. Vue 基础1) 环境准备安装脚手架1npm install -g @vue/cli -g 参数表示全局安装，这样在任意目录都可以使用 vue 脚本创建项目 创建项目1vue ui 使用图形向导来创建 vue 项目，如下图，输入项目名 选择手动配置项目 添加 vue router 和 vuex 选择版本，创建项目 安装 devtools devtools 插件网址：https://devtools.vuejs.org/guide/installation.html 运行项目进入项目目录，执行 1npm run serve 修改端口前端服务器默认占用了 8080 端口，需要修改一下 文档地址：DevServer | webpack 打开 vue.config.js 添加 12345678910const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({ // ... devSe ...

1.前言 参考：分类: 魔改教程 | Fomalhaut🥝 2.语言修改站点配置文件_config.yml，默认语言是 en 。主题支持三种语言： default(en) zh-CN (简体中文) zh-TW (繁体中文) 3.网站资料修改网站各种资料，例如标题、副标题和邮箱等个人资料，请修改站点配置文件_config.yml。部分参数如下，详细参数可参考官方的配置描述。 参数 描述 title 网站标题 subtitle 描述 description 网站描述 keywords 网站的关键词。支持多个关键词 author 您的名字 language 网站使用的语言。对于简体中文用户来说，使用不同的主题可能需要设置成不同的值，请参考你的主题的文档自行设置，常见的有 zh-Hans和 zh-CN。 timezone 网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置，如 America/New_York, Japan, 和 UTC 。一般的，对于中国大陆地区可以使用 Asia/Shanghai 4.导航菜单修改主题配 ...

1.Vercel部署与自定义域名参考：分类: 魔改教程 | Fomalhaut🥝 1.1 Vercel部署Vercel简介：vercel是一个代码托管平台，它能够托管你的静态html界面，甚至能够托管你的node.js与Python服务端脚本，是不想买服务器的懒人的福音！ 使用Vercel部署Hexo项目步骤： 首先需要一个Vercel账号，这里推荐用GitHub账户关联，这样你就可以在vercel中直接托管你的GitHub库中的项目了，实现开发部署一步到位（网络不流畅可以考虑挂梯子）。 当你用你的Github账户关联并绑定手机号登录之后，点击右上角的Add New Project创建新的项目，之后导入选项那里选择Continue with Github，这时候应该能看到你Github账号的仓库，选择你刚刚部署成功的存储静态博客的仓库<username>.github.io右边的Import选项，表示你要导入该仓库。 起一个只能有字母、数字或者或者连字符的项目名称，然后其他默认，点击Deploy，等待一分钟即可部署成功，部署成功后电极Continue to Dashb ...

Hexo+Butterfly建站参照：分类: 魔改教程 | Fomalhaut🥝 1.安装Hexo在vscode终端执行: 1npm install -g hexo-cli 2.初始化Hexo项目1.在目标路径（我这里选的路径为【C:/Hexo-Blog】）打开vscode命令窗口，执行hexo init初始化项目。 1hexo init blog-demo(项目名) 2.进入blog-demo ，输入npm i安装相关依赖。 12cd blog-demo //进入blog-demo文件夹npm i 3.初始化项目后，blog-demo有如下结构： 【node_modules】：依赖包【scaffolds】：生成文章的一些模板【source】：用来存放你的文章【themes】：主题【.npmignore】：发布时忽略的文件（可忽略）【_config.landscape.yml】：主题的配置文件【config.yml】：博客的配置文件【package.json】：项目名称、描述、版本、运行和开发等信息 3.静态博客挂载GitHub Pages 仓库的格式必须为：<用户名> ...

第二章. Javascript它是一种脚本语言，可以用来更改页面内容，控制多媒体，制作图像、动画等等 例子 修改页面内容 js 代码位置 123<script> // js 代码</script> 引入 js 脚本 1<script src="js脚本路径"></script> 注意，到了框架之后，引入方式会有不同 1. 变量与数据类型声明变量1) let :star:1let 变量名 = 值; let 声明的变量可以被多次赋值，例如 12let a = 100; // 初始值是 100a = 200; // ok, 被重新赋值为 200 2) const :star: const 修饰的叫常量，只能赋值一次 12const b = 300; // 初始值是 300b = 400; // error, 不能再次赋值 const 并不意味着它引用的内容不可修改，例如 123const c = [1,2,3];c[2] = 4; // ok, 数组内容被修改成 [1,2,4] ...