在vue中配置cesium开发环境
目前三维GIS开发越来越火了,很多人会选择基于cesiumJS进行开发,但问题是cesiumJS可能需要在服务器上托管一些静态资源。
这时候在框架中打包就需要配置,将这些静态资源在打包时一起复制过去。
解决方案有三种:
至于webpack,也是一样的,用复制插件托管到服务器上,或者使用官方的模板
目前三维GIS开发越来越火了,很多人会选择基于cesiumJS进行开发,但问题是cesiumJS可能需要在服务器上托管一些静态资源。
这时候在框架中打包就需要配置,将这些静态资源在打包时一起复制过去。
解决方案有三种:
至于webpack,也是一样的,用复制插件托管到服务器上,或者使用官方的模板
除了在代码编辑区域和终端的字体,我们可能还想统一vscode的所有字体,因此,可以修改vscode的css文件。
在VSCode\resources\app\out\vs\workbench\workbench.desktop.main.css
下
右键格式化,找到.windows:lang(zh-Hans){font-family: Segoe WPC,Segoe UI,Microsoft YaHei,sans-serif}
,填入要修改的字体即可。
或者安装一个插件:Custom CSS and JS Loader
,将需要修改的css样式放入自定义文件中,最后在settings.json
中引入。1
2
3"vscode_custom_css.imports": [
"file:///C:/Users/MyUserName/.../path_to_custom.css"
],
注意:这里必须填入url且C:盘符是必须的。
Windows以管理员权限重新启动后。调出命令界面,加载Reload Custom CSS and JS
,确认即可。
顺带一提markdownpreview的字体:1
2
3
4
>custom css
设置.markdown-preview.markdown-preview.
我实在是太爱这两个插件:Bongo Cat
和👉 Emoji File Icons 👈
了,但两者都是产品图标插件,不能同时存在,非常无法接受。😢
vscode的拓展都放在"%username(好像叫这个)%.vscode\extensions"里面,于是……
下载好这两个插件后,我在官网看了说明,bongo猫利用了替换字体的方法。
于是其复制dist
文件夹和.woff
文件到👉 Emoji File Icons 👈
拓展的文件夹下,并将banggo猫的json文件内容也填入Emoji File Icons
拓展的json文件夹中,bango🐱也出现啦!(看右下角!)
我真的要去学习了谁能来管管我的学习×2😟
基础部分:三分钟快速搭建个性化博客。
第一部分:hexo-Next8博客搭建、美化(darkmode、waline等)
第二部分:hexoNext美化(二)
第三部分:hexo美化(三)进阶:异步加载脚本,加快网站访问
全文整理:csdn
在上一篇中我们谈到了利用hexo-renderer-markdown-it-plus
插件渲染md支持的目录,并利用hexo支持的md注释显示阅读更多按钮,这样,我们在各个网站迁移自己写的md文档时也不会遇到格式匹配问题了。
但是这样就会产生一个问题,如果我们在首页同时用显示摘要(或部分文字)和插入阅读更多按钮,而md文档自动帮我们生成的TOC目录只会产生一个#锚点,并不会跳转到博文相对应的链接,然后读者就和一动不动的网页干瞪眼啊😅😂官方的helper我个人感觉弄起来非常麻烦,而且我们的md文档转到另一个平台又要重新忧虑插入目录的问题了~
因此博主的思路是,在静态文件生成后修改首页(包括index.html
和page
文件夹下的所有页面),利用lxml
库解析home
页的对应markdownIt-TOC
类下的所有a
标签的herf
链接,同时找到markdownIt-TOC
父节点的兄弟节点(就是那个post
的header a
的herf
),连接到一起,然后重新匹配,替换掉该部分(因为直接写入解析替换后的html会乱码,不敢动),hexo d
生成后,拉取静态文件到本地,再重新push上去,这里还可以再对逻辑修改下减少下载上传量。
基础部分:三分钟快速搭建个性化博客。
第一部分:hexo-Next8博客搭建、美化(darkmode、waline等)
第二部分:hexoNext美化(二)
上一篇我们谈到了如何在网站中引入动态背景、darkmode JS,这一篇笔记中博主将会将它们统一起来同时引入博客中。
网上目前有很多教程,外部脚本加载都放在布局文件里面,实际上hexo并不会异步加载,堵塞主进程。而我们如果不想过多地动模板文件(因为hexo和主题更新换代很快,需要考虑到迁移问题),就可以通过自己脚本里面promise异步加载的方式,提高网页的加载速度。
例如,我的网站需要加载darkmodeJS一个自己写好的toggle按钮和一个动态背景,并且需要调用一些第三方库。因此我们在promise加载脚本完成之后再执行需要的操作。
本篇内容: