Vue学习笔记 02
App.vueApp.vue 通常被视为 Vue 应用程序的根组件。 kimi是这么介绍的： App.vue 通常被视为 Vue 应用程序的根组件。它是所有组件层次结构的起点，并且是应用程序中最顶层的组件。在这个文件中，您可以定义全局的布局、样式以及一些通用的逻辑。App.vue 的主要作用包括： 全局布局：定义应用程序的结构和布局，例如导航栏、侧边栏、页脚等。 全局样式：设置应用程序级别的样式，例如主题、颜色变量等。 路由视图：作为路由出口，展示路由匹配到的组件。 全局过滤器：注册全局过滤器，供子组件使用。 全局指令：注册全局自定义指令，供整个应用程序中的组件使用。 生命周期钩子：可以在这里使用生命周期钩子（如 created、mounted 等），执行一些全局的初始化操作。 App.vue基本结构有三个。实际上，每个.vue文件都包含相同的这三个部份。这个例子里面，./components/HelloWorld.vue这个文件也是这三个部份。 123456789101112<template># 可以理解会显示在静态html的<body>中的内...
Vue学习笔记 01
创建一个项目1$ vue create helloworld 指令会生成一个helloworld的文件夹，包含下面的项目： 1234567891011121314-- helloworld L jsconfig.json # 不关心 L package-lock.json # 不关心 L package.json # 不关心 L vue.config.js # 不关心 L README.md # 不关心 L node_modules # 不关心 L public # 可以公开访问的文件夹 L src # 代码 L App.vue L main.js L components L HelloWorld.vue L assets 进入文件夹，就可以把这个项目跑起来 12$ cd helloworld$ npm run serv 打开 http://localhost:8080就可以看到网站跑起来了。这时候网站是用node.js直接渲染的，如果想要把网站作为静态网站放到别处去，可以生成静态文件。 1$ npm run build 这时在根目录下会生成一个dist文件夹，...
重新build一个hexo的镜像
前言把前面的经验综合了一下： 重新封装了一个基于alpine的nodejs镜像，预先安装好了hexo，没有git和npm拉不到的问题了 封装了前面写的发布系统，也预先安装好了python环境和相关的库，没有pip不到的问题了 oasishexo 封装了hexo 封装了一个发布hexo（基于flask） oasishexo: 直接用来build镜像 nas: 包含一些config文件需要挂在到镜像上 文件结构12345678910111213141516-- oasishexo # 镜像目录 L run.sh # 镜像启动时的entrypoint，负责启动hexo和发布服务 L dockerfile # docker制作文件 L publish # 基于Flask的发布服务 L app.py # 主程序 L hello.sh # 测试脚本 L pub.sh # 简单发布脚本，不清除现有 L cleanpub.sh # 删除发布脚本，清除现有 L templates ...
如何用Python迅速打开一个http服务器
Terminal在你需要提供http服务的路径下，运行下面的代码： 12345$ python3 -m http.server <port>比如¥ python3 -m http.server 12345 打开网页 http://localhost:12345, done. 简单的让我难以置信。。。。 当然这应该是一个最简易的http服务器，我是用它来调试一下静态网页的javascript代码。
自制Docker镜像Photoasis
用Python写了一个展示照片的网站，感觉部署有点麻烦，习惯了docker部署，所以还是希望用docker的方法部署。 第一次自己做docker镜像，没想到这么简单。 准备工作代码新建一个文件夹photoasis，把文件都放进去。 dockerfile在photoasis下创建一个dockerfile文件，编辑保存： 1234567891011121314151617181920212223242526# 使用 Python 3.9 的 Alpine 版本作为基础镜像# 选择基础镜像很重要，原来直接用的Python3.9的基础镜像，打出来有1.1G；换成Apline的基础包，打包出来只有170m，也相差太大了FROM python:3.9-alpine# 设置工作目录WORKDIR /app# 将当前目录中的文件复制到工作目录中COPY . /app# 安装依赖RUN pip install --no-cache-dir -r requirements.txt# 安装 bash：这一步很重要，alpine默认是没有bash的，shell脚本无法执行RUN apk add --n...
git和NPM的代理设置
Git代理设置代理123456789# http代理git config --global http.proxy http://ip:portgit config --global https.proxy https://ip:port# sock代理git config --global http.proxy socks5://192.168.1.11:7891git config --global https.proxy socks5://192.168.1.11:7891 取消代理12git config --global --unset http.proxygit config --global --unset https.proxy 查看代理1git config --list NPM 代理12npm config set https-proxy http://server:portnpm config set proxy http://server:port 12npm config delete proxynpm config delete https-p...
尝试在手机上发个博客
流程开始写 01:15用Obsidian的iPhone版本编辑好iCloud自动同步到MacBook上MacBook 上的极空间应用会自动同步到NAS发布系统会更新告诉我这篇md文件已经同步到NAS了打开Hexo发布网页做简单发布打开博客应该看到发布完成 测试图片Mac上有一个自动压缩图片的插件，不知道是不是同步到手机上了。 先写到这儿等发布好了再来更新时间 更新速度快的惊人！01:22 写完了一份钟不到就同步好了！满意！ 图片压缩的插件手机上能看到启用了，但是似乎并没有什么用…… 关于图片压缩刚看了下，原图2.1m，水印输出的7.1m。把水印输出的调整到低画质，输出的是1.2m。看看质量差多少。
用Flask给hexo做一个发布系统
上一篇说到利用docker和自动脚本，成功利用极空间的同步功能可以比较方便的发布hexo了。但是还是有一个问题，每次发布都要ssh到容器里敲代码，这个非常不人性化。 今天让ChatGPT帮我写了一段python程序，实现了用网页发布。 原理用Python的Flask框架，在hexo的容器内部搭建一个轻量的服务器，提供一个网页。网页可以触发一个socket，运行本机的shell脚本。 发布的脚本在上一篇搭建的时候已经写好了，所以只是一个前端。 准备工作python3 : 看了下容器，已经装好了pip : 容器里没有，安装 12curl 'https://bootstrap.pypa.io/get-pip.py' > get-pip.pypython3 get-pip.py 继续安装需要的库： 123pip install Flaskpip install Flask-SocketIOpip install Flask-CORS ChatGPT写代码让ChatGPT帮我输出了两个文件app.py: 处理socket，执行本地的shell脚本index....
极空间Docker运行Hexo
出发点以前一直用Hexo来输出网站的，换了极空间之后，没有SSH权限就很麻烦。最近尝试了jekyll也不符合我的需求（文件名什么的都要按照定义来实在太麻烦了）。重新搞了一下docker的hexo，这次成功了。 目标 在本地obsidian下直接编写博客 极空间自动同步到NAS上 Hexo读取同步的文件 Hexo输出构建好的网站并发布 用Docker完成（不是虚拟机） 以前的问题各种hexo的镜像尝试了，都无法成功运行，不停的重启。这次尝试了一下，似乎是挂载给hexo的路径，可以读但是不可写。本来是想要输出的public文件夹存到NAS上的，但是这样就会一直报错一直重启。 换了一个思路，pubcli就保留在容器里，其实也没差了，重新输出一遍也很方便。 解决方案镜像用的是 taskbjorn/hexo这个镜像 挂载路径给容器挂载了两个镜像： 本地的markdown+photo的文件夹 → 会输出给hexo做source 本地的config文件夹 → 保留config的yml文件和执行脚本，可以在本地编辑不会丢失，方便重装容器 初始化容器 容器本身的初始化很简单，挂载路径，开放...
长白山的小土豆
(updated) 202402 长白山的小土豆从19年冬天就一直想着去东北玩雪，因为疫情一直没能成行。今年跟风大热的东北旅游，终于带着娃儿们去了长白山。 Day 1飞机上看长白山🏔️，说是龙脉真的很形象，非常壮观！ 到了酒店周围溜达，随便就在酒店对面找到玩雪⛄️的好地方，两个娃玩得很开心! 晚上在酒店的温泉♨️泡了一个多小时，池子不少，有儿童游乐区也有室外温泉，总体体验OK！ Day 2今天的行程主要是上长白山玩，天气非常晴朗，风也不大，感觉是很幸运的一天！ 天池、雪山🏔️、温泉♨️，是真的美，人不算少，但不算拥挤，体验OK。从天池下来后，在谷底森林打雪仗、堆雪人☃️，南方来的小土豆们太开心了！ 晚上去吃了铁锅炖、看了二人转、看烟火🎆、泡温泉♨️。东北浓度极高了！ Day 3一大早出发去漂流，很幸运的看到了大片的雾凇，坐在船上呼出的热气在睫毛上结冰了！ 中午去了朝鲜祖的百花村、买人参、朝鲜服拍照，朝鲜族衣服很适合给娃拍照很出片～ 饭后开车2个小时去了老里克湖徒步、玩雪很high、做了马拉爬犁和雪地摩托！ D...
