Ayu's Study Blog

求求你给我一份工作吧,我什么都会做的`orz

Pulled Post

Here are many posts pulling for you, hope you'll gain something.

Pulled Bloger or Community

  1. 阮一峰的网络日志

  2. 掘金

  3. 沧沧凉凉 – 掘金 | 知乎

  4. CS_Joe – 掘金

    three.js

  5. 小满zs – 掘金 | b站

  6. CUGGZ – 掘金

  7. 前端双越老师 – 掘金

  8. antfu – Anthony Fu

  9. 沉默王二的技术博客(Java)

  10. freecodecamp编程免费教学慈善组织 – 官网 | 专栏 | 论坛

    官方支持中文,专栏和论坛有很多优质文章

  11. 轩枫阁

    前端大神的个人博客!腾讯微信前端工程师! orz_
    SOME NB H5&C3&Animation orz_(H5元素周期表就出自这里)
    look older,but niubility build from 2013

Software

`工欲善其事,必先利其器`
  • uTools

    本地搜索、聚合翻译、OCR文字识别、MD笔记、文件批量重命名。一切皆插件,效率利器!

  • Snipaste

    Windows截图工具,尚硅谷张天禹老师用的,可以缩放图片,比qq自带的强大!

  • Xmind

    思维导图,黑马老师有用过

  • Pxcook

    用来做一些网页样式设计图,可以测量尺寸和吸取颜色,渡一老师有用过

  • windows自带剪切板 win + v

    剪切板历史记录,足够用了
    更多的需求可以看看Ditto,除了丑该有的功能都有,而且安装之后只有15M
    MAC的话,可以试试Paste

  • windows内置emoji键盘 win + .快捷键唤出

vscode

  • VSCode 的快捷键及常用插件总结

    快速复制当前代码到下一行、移动行、新建窗口、行缩进
    ctrl + alt + ↓ 在下一行末尾增加一个光标

  • ctrl + i ———— 唤起代码提示

  • 复制链接 + 选中文字 + Ctrl v ———— vscode快速生成链接文字

MD

Front-end

  1. Web前端开发推荐阅读书籍、学习课程下载 推荐书籍可参考!!(轩枫阁)

    可惜太老了,15年的推荐,可以参考一下一些推荐的书籍

HTML

  1. 谈谈HTML中锚点及其使用(腾讯云)

    深度理解a元素 超文本锚点

H5页面应用

  1. 逼真的蜘蛛(轩枫阁)

    感觉和之前见到的一个博客磁吸线条成网的背景原理相似
    又见到一个,不过这个不太明显 -> 这里

CSS

  1. 只要一行代码,实现五种 CSS 经典布局(阮一峰 | 20.8.10)

  2. 重新构想原子化 CSS (antfu | Oct 27, 2021)

JS

  1. log打印美化(掘金 | 24.5.22)

Vue

组件库

  1. Varlet,被尤雨溪推荐,这款开箱即用的Vue3组件库做对了什么(掘金22/3/15)

    Varlet:一个基于 Vue3 开发的 Material 风格移动端组件库

Blog Build

WordPress

  1. WordPress搭建教程:手把手教你搭建WordPress博客(知乎)

    域名推荐在 Namesilo 购买,价格便宜,赠送永久免费的隐私保护。(0.99$/第一年)
    注册账户。注册信息建议如实填写,并勾选“Keep my information private”默认使用隐私保护。
    设置域名续费规则、注册时长等。在“Have a Coupon……”处输入优惠码 okoff 或者 go2think,点击“Submit”应用,优惠一美元。
    完成后点击“CONTINUE”付款,支持支付宝和 Paypal 等。

Hexo + Next

  1. Hexo图标样式参考(腾讯云)

    Hexo 支持FontAwesome图标,就是在代码中出现名字以fa fa开头的类名,本文介绍具具体图标来源和使用方法。

  2. post页面图片引用(self)

    hexo + next 似乎并不支持@作为索引根目录或source目录,至少试了不起作用
    可以将图片放到source的images文件下,然后用markdown引用
    ![img](/images/xxx.png)
    在images前面有一个/,表示根目录的意思,因为对于hexo来说它的资源文件的根目录就是source,如果想要更改可以修改_config.yml下的source_dir参数

  3. 博客字体修改

    NexT默认使用微软雅黑,这里我将blog title修改为了 Miniver 字体,size: 1.5
    详细请参考该文章:Hexo-Next主题更改字体
    文中提到的字体网站:Google Fonts

  4. 添加自定义html页面(CSDN)

408

计算机网络原理

ELSE

  1. wangEditor – 开源 Web 富文本编辑器demo
0%