Hello World

发表于 2021-03-21

(这里是 hexo 自己生成的使用教程)

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.

阅读全文 »

复制网页上的文本

发表于 2021-03-21 | 分类于前端

在当前网页按下F12

输入

// 将文档body元素内容可编辑性改为true
javascript:document.body.contentEditable='true';
// 打开文档设计模式
document.designMode='on';

回车

即可直接在网页上进行修改 (如文本的删除，剪切，粘贴等)

XPath 学习

发表于 2021-01-21

说在前头

在学习 XPath 前，您应该对 HTML XML 有基本的认识

什么是 XPath

XPath 是 XML路径语言 (XML Path Language)

可扩展标记语言路径语言

XPath有何作用

可以使用简单的表达式以查找 XML HTML 文档中的节点，节点集

一般在爬虫中使用较多

例：

使用selenium进行爬虫

browser.find_element_by_xpath('/html/body/article[5]/aside[1]/div[1]/div/div[2]/i').click()
time.sleep(1)
browser.find_element_by_xpath('/html/body/article[5]/aside[1]/div[2]/div[2]/div[2]/div[2]/ul/li[11]/span[1]').click()
time.sleep(0.5)
browser.find_element_by_xpath(
    '/html/body/article[5]/aside[1]/div[2]/div[2]/div[2]/div[2]/div/div[11]/div[2]/h5').click()
time.sleep(5)
num = browser.window_handles
browser.switch_to.window(num[1])
browser.find_element_by_xpath('//*[@id="ui-accordion-1-header-4"]').click()
time.sleep(0.5)
browser.find_element_by_xpath('/html/body/div[3]/div[1]/div/div[5]/ul/li[2]/a').click()
time.sleep(3)
browser.find_element_by_xpath("/html/body/div[2]/div[2]/div[2]/div[2]/div[1]/div[2]").click()
time.sleep(1)

这是我的朋友 (蔡师傅) 直接在 HTML copy 下来的 XPath

例：

这样复制下来的 XPath 就能直接找到该节点

/html/body/div[4]/div[2]/div/div[2]/dl[1]/dd/a[3]/em

但是缺点也很明显可读性太差了

较好的处理是通过其中 class 属性的值来进行查找

//em [@class=”cmn-icon wiki-lemma-icons wiki-lemma-icons_discussion-solid”]

这样可读性就提高了并且通过了相对查找, XPath 经过的结点也就大大的减少了仅剩一个

**解释：

// 相对查找

x 匹配 x 元素节点

@x 匹配 x 属性节点

//x[@y] 匹配 x 元素节点 且该元素有 y 属性

//x[@y=”z”] 匹配 x 元素节点 且该元素有 y *属性 * 其值为 z

Hexo 小姿势

发表于 2021-01-20 | 分类于前端

Hexo 小姿势

在本地启动 hexo start

(ctrl + c 停止)

hexo s

创建新的博客文章 new blog

1	hexo n "文章名称"

生成文件并部署至仓库 deploy

hexo d

部署的信息在 _config.yml 文件最下的 deploy

// _config.yml 示例 (记得冒号后要有空格)

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git 
  repo: https://github.com/Ryuu-64/Ryuu-64.github.io
  branch: master

hexo 小问题

当node 版本过高时会产生以下 Warning

(node:13888) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(Use `node --trace-warnings ...` to show where the warning was created)
(node:13888) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:13888) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:13888) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(node:13888) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:13888) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:10816) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:10816) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:10816) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency
(node:10816) Warning: Accessing non-existent property 'column' of module exports inside circular dependency
(node:10816) Warning: Accessing non-existent property 'filename' of module exports inside circular dependency
(node:10816) Warning: Accessing non-existent property 'lineno' of module exports inside circular dependency

官方的 issues https://github.com/stylus/stylus/issues/2534

解决方案

不用改变node的版本

找到项目中的此文件: \node_modules\stylus\lib\nodes\index.js 在最前处添加如下代码即可

1
2
3

exports.lineno = null;
exports.column = null;
exports.filename = null;

后续问题

结果还是有问题

博客部署出错了详情如下

FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.html
TypeError [ERR_INVALID_ARG_TYPE]: The "mode" argument must be integer. Received an instance of Object
    at copyFile (fs.js:1972:10)
    at tryCatcher (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\util.js:16:23)
    at ret (eval at makeNodePromisifiedEval (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promisify.js:184:12), <anonymous>:13:39)
    at F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\hexo-fs\lib\fs.js:144:39
    at tryCatcher (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\util.js:16:23)
    at Promise._settlePromiseFromHandler (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:547:31)
    at Promise._settlePromise (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:604:18)
    at Promise._settlePromise0 (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:649:10)
    at Promise._settlePromises (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:729:18)
    at Promise._fulfill (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:673:18)
    at Promise._resolveCallback (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:466:57)
    at Promise._settlePromiseFromHandler (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:559:17)
    at Promise._settlePromise (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:604:18)
    at Promise._settlePromise0 (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:649:10)
    at Promise._settlePromises (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:729:18)
    at Promise._fulfill (F:\Users\Ryuu\Documents\GitWork\MyBlog\HexoBlogLib\node_modules\bluebird\js\release\promise.js:673:18)

最终方案

下载一个 nodejs 的 12.x 的版本

再部署就没有任何问题了

还有问题就把高版本的 nodejs 删除

我的个人博客搭建

发表于 2020-03-03 | 分类于前端

我的博客搭建详细步骤

事前准备

1.安装 Node.js

是JavaScript 的运行环境
下载 LTS 版本应该会比较好 (Long Term Support | 长期支持)
安装比较简单,从官网上下载安装包，然后跟着提示进行操作即可
下载网址: https://nodejs.org
下载完毕后可以进入控制台
输入 node -v 查看 node 版本
输入 npm -v 查看 npm 版本 (node package manager | node包管理器)

2.安装 git

git 是一个开源的分布式版本控制系统,我们要使用 github 发布网站所以必须要有git
(下载有点糟心,记得翻墙下载,要不然下载速度实在是太感人了)
安装也比较简单,从官网上下载安装包，然后跟着提示进行操作即可，只不过步骤很多,记得看一下说明,确定自己该点哪个
下载网址: https://git-scm.com/downloads
下载完毕后可以进入控制台
输入 git –version 查看 git 版本

3.安装一个淘宝镜像

(要不然之后执行命令下载的速度会非常感人)
进入控制台输入如下命令即可
npm install -g cnpm –registry=https://registry.npm.taobao.org
指令执行后使用 cnpm 来代替 npm 指令

开始搭建

阅读全文 »