diff --git a/_config.yml b/_config.yml index e6c2b79fd..fa3cda8c2 100644 --- a/_config.yml +++ b/_config.yml @@ -5,7 +5,7 @@ # Site title: 帅大叔的博客 subtitle: 信你所信，为你所见 -description: 帅大叔个人站点，记录一路走来的坑坑坎坎。 +description: 帅大叔个人站点，记录学习到的一些技术笔记等。 keywords: 帅大叔,个人博客, author: rstyro language: zh-CN @@ -42,7 +42,7 @@ relative_link: false future: true highlight: enable: true - line_number: true + line_number: false auto_detect: false tab_replace: diff --git a/package.json b/package.json index 4e5b44fd3..8c39a4c65 100644 --- a/package.json +++ b/package.json @@ -7,14 +7,21 @@ }, "dependencies": { "hexo": "^3.7.0", + "hexo-asset-image": "https://github.com/CodeFalling/hexo-asset-image", "hexo-deployer-git": "^1.0.0", "hexo-generator-archive": "^0.1.5", "hexo-generator-category": "^0.1.3", "hexo-generator-index": "^0.2.1", + "hexo-generator-searchdb": "^1.0.8", "hexo-generator-tag": "^0.2.0", "hexo-renderer-ejs": "^0.3.1", - "hexo-renderer-marked": "^0.3.2", + "hexo-renderer-marked": "^1.0.1", "hexo-renderer-stylus": "^0.3.3", - "hexo-server": "^0.3.1" + "hexo-server": "^0.3.1", + "hexo-wordcount": "^6.0.1" + }, + "devDependencies": { + "babel-eslint": "^8.2.6", + "eslint": "^4.19.1" } } diff --git "a/source/_posts/Google\346\265\217\350\247\210\345\231\250\345\256\236\347\224\250\346\217\222\344\273\266.md" "b/source/_posts/Google\346\265\217\350\247\210\345\231\250\345\256\236\347\224\250\346\217\222\344\273\266.md" new file mode 100644 index 000000000..13c65a211 --- /dev/null +++ "b/source/_posts/Google\346\265\217\350\247\210\345\231\250\345\256\236\347\224\250\346\217\222\344\273\266.md" @@ -0,0 +1,76 @@ +--- +title: Google浏览器实用插件 +date: 2019-06-06 10:50:14 +tags: +--- + +### 一、`PP谷歌访问助手`（或者 `谷歌访问助手`） ++ 如果能翻墙的话，这个到不需要，如果不能翻墙的话，这个挺可以的 ++ 因为有了这个浏览器可以使用Google搜索、Google 应用商店等 ++ 这个怎么安装 ++ `PP谷歌访问助手`地址：[https://github.com/Lhcfl/PPgoogle-access-helper](https://github.com/Lhcfl/PPgoogle-access-helper) ++ 还有就是`谷歌访问助手`地址：[https://github.com/haotian-wang/google-access-helper](https://github.com/haotian-wang/google-access-helper) ++ 下载下来是一个压缩包，然后解压，然后在Google浏览器的扩展程序导入即可 ++ 如果失败的话，@我，我把我的包发出来，为什么不现在发呢，因为 →_→ 赖得打包上传 + +### 二、`Tampermonkey`(篡改猴)、`Greasemonkey`(油猴)、`Violentmonkey`(暴力猴) +这个猴，可厉害了。可以自由定制网页,实现你想要的各种功能。没有它我都不想上网了。 +简单功能： ++ 直接下载百度网盘文件(全速) ++ 去掉广告 ++ 播放vip视频 ++ 领优惠券 ++ 等等 + +源码地址： ++ [Tampermonkey](https://github.com/Tampermonkey/tampermonkey) ++ [Greasemonkey](https://github.com/greasemonkey/greasemonkey) ++ [Violentmonkey](https://github.com/violentmonkey/violentmonkey) +Google插件地址： ++ [https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo](https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo) + +用户脚本列表： ++ [https://greasyfork.org/zh-CN/scripts](https://greasyfork.org/zh-CN/scripts) + +### 三、`Postman` ++ 这个模拟Http请求呀，也是贼好用 + +### 四、`Google翻译`、`划词翻译` ++ 对于英语不怎么好的同学来说，看英文网页还是挺不错的。 + +### 五、`JSON Viewer` ++ 这个也还好，浏览器请求时，把返回的数据Json格式化 + +### 六、`FireShot` ++ 捕捉网页截图，编辑并将它们保存为PDF，JPEG，GIF，PNG或BMP；上传，打印，在Photoshop中打开，复制到剪贴板或电子邮件 + +### 七、`Octotree Pro` 或者 `GiteeTree` +装了之后,去Github 看代码就方便多了，左侧会有一个树形结构的列表，点击即可查看。 +地址： ++ [https://github.com/ovity/octotree](https://github.com/ovity/octotree) ++ [https://gitee.com/oschina/GitCodeTree](https://gitee.com/oschina/GitCodeTree) + +### 八、`crxMouse Chrome` 手势 ++ 这个也挺好的，各种花式手势，提高工作效率和装逼都可。 + +### 九、`XPath Helper` ++ `XPath Helper`可以支持在网页点击元素生成`xpath`，整个抓取使用了`xpath`、`正则表达式`、`消息中间件`、多线程调度框架的`chrome`插件。 ++ Shift+Ctrl+x就能唤出xpath的匹配页面,爬虫小工具 + +### 十、`ElasticSearch Head` ++ 这个我也喜欢，自己刚好需要用ElasticSearch ,以前都是去:[https://github.com/mobz/elasticsearch-head](https://github.com/mobz/elasticsearch-head) 下载的 ++ 现在有插件了，方便多了。 + +### 十一、Native HLS Playback ++ 直接在地址栏播放m3u8 格式的视频。 + +### 十二、Extension Manager ++ 装了那么多插件，不装一个来管理它们，还真有点不方便 ++ 想关闭都得去更多工具然后点击扩展程序关掉，有点麻烦呀。 ++ 这个插件顾名思义就是管理插件的，启动关闭插件都很方便 + + +### 结束 ++ 以上的插件都可在Google应用商店找到 ++ 翻不了墙的先安装`PP谷歌访问助手` + diff --git "a/source/_posts/Hexo-\347\254\224\350\256\260.md" "b/source/_posts/Hexo-\347\254\224\350\256\260.md" index f589e51e9..bdb941c69 100644 --- "a/source/_posts/Hexo-\347\254\224\350\256\260.md" +++ "b/source/_posts/Hexo-\347\254\224\350\256\260.md" @@ -60,7 +60,10 @@ git clone https://github.com/theme-next/hexo-theme-next themes/next |language|语言会对应的解析正在应用的主题中的languages文件夹下的不同语言文件。所以这里的名称要和languages文件夹下的语言文件名称一致。| |timezone|Asia/Shanghai //可不填写。| - +> 网站存放在子目录 +> 如果您的网站存放在子目录中，例如 `http://yoursite.com/blog`，则请将您的 : +> + url 设为 `http://yoursite.com/blog` 并把 +> + root 设为 `/blog/`。 ### 二、主题基本配置 修改主题配置文件，在菜单项添加以下内容(把注释打开即可) @@ -81,11 +84,104 @@ menu_settings: badges: false ``` -### 三、新建页面 +### 三、新建 + +#### 1、新建页面 ```sh +# 生成标签页面 hexo new page tags +# 生成关于页面 hexo new page about +# 生成分类页面 hexo new page categories +``` +#### 2、新建文章 ++ 新建文章命令：`hexo n 文章名`，成功之后在`~/source/_posts/` 下就会看到`.md`的文章 ++ 打开文章会看到在头部有这样的信息 +``` +--- +title: 文章名 +date: 2019-01-10 18:37:24 +tags: "Hexo" +--- +``` ++ 这个意思下面有解析，而且也可以按需加其他字段 ++ 文章头部解析： +``` +/* ！！！！！！！！！！ +** 每一项的 : 后面均有一个空格 +** 且 : 为英文符号 +** ！！！！！！！！！！ +*/ + +title: +/* 文章标题，可以为中文 */ + +date: +/* 建立日期，如果自己手动添加，请按固定格式 +** 就算不写，页面每篇文章顶部的发表于……也能显示 +** 只要在主题配置文件中，配置了 created_at 就行 +** 那为什么还要自己加上？ +** 自定义文章发布的时间 +*/ + +updated: +/* 更新日期，其它与上面的建立日期类似 +** 不过在页面每篇文章顶部，是更新于…… +** 在主题配置文件中，是 updated_at +*/ + +permalink: +/* 若站点配置文件下的 permalink 配置了 title +** 则可以替换文章 URL 里面的 title（文章标题） +*/ + +categories: +/* 分类，支持多级，比如： +- technology +- computer +- computer-aided-art +则为 technology/computer/computer-aided-art +（不适用于 layout: page） +*/ + +tags: +/* 标签 +** 多个可以这样写 [标签1,标签2,标签3] +** （不适用于 layout: page） +*/ + +description: +/* 文章的描述，在每篇文章标题下方显示 +** 并且作为网页的 description 元数据 +** 如果不写，则自动取 +** 之前的文字作为网页的 description 元数据 +*/ + +keywords: +/* 关键字，并且作为网页的 keywords 元数据 +** 如果不写，则自动取 tags 里的项 +** 作为网页的 keywords 元数据 +*/ + +comments: +/* 是否开启评论 +** 默认值是 true +** 要关闭写 false +*/ + +layout: +/* 页面布局，默认值是 post，默认值可以在 +** 站点配置文件中修改 default_layout +** 另：404 页面可能用到，将其值改为 false +*/ + +type: +/* categories，目录页面 +** tags，标签页面 +** picture，用来生成 group-pictures +*/ + ``` ### 四、设置头像 @@ -441,6 +537,9 @@ gulp.task('default', ### 十三、Hexo 新建文章插入图片 ##### 安装图片插件 ``` +# npm install -g cnpm --registry=https://registry.npm.taobao.org +# cnpm install https://github.com/CodeFalling/hexo-asset-image --save + npm install hexo-asset-image --save ``` > 如果控制台出现如下信息 @@ -486,6 +585,93 @@ local_search: enable: true ``` +### 十五、在页面顶部，实现`fork me on GitHub` + +代码样式地址： ++ [https://github.blog/2008-12-19-github-ribbons/](https://github.blog/2008-12-19-github-ribbons/) ++ [http://tholman.com/github-corners/](http://tholman.com/github-corners/) ++ 打开如上的任意一个网站，选择自己喜欢的样式 ++ 然后粘贴刚才复制的代码到`themes/next/layout/_layout.swig`文件中(放在`
`的下面)，并把`href`改为你的`Github`地址,例如下 +``` + +``` + +### 十六、网站底部字数统计 +##### 1、安装插件 +``` +npm install hexo-wordcount --save +``` +##### 2、然后在`/themes/next/layout/_partials/footer.swig`文件尾部加上： +``` +
+
+ 博客全站共{{ totalcount(site) }}字 +
+``` + +### 十七、侧栏加入已运行的时间 ++ 在文件`~/themes/next/layout/_custom/sidebar.swig` 中加入如下代码 +``` +
+ +``` ++ 把`BirthDay` 改成你自己的即可 ++ 要是不喜欢颜色，感觉不好看在文件：`/themes/next/source/css/_custom/custom.styl` 添加 +``` +// 自定义的侧栏时间样式 +#days { + display: block; + color: #2cd724; + font-size: 13px; + margin-top: 15px; +} +``` + +### 十八、让页脚的心跳起来 ++ 修改文件位置：`/themes/next/_config.yml`找到`footer`修改如下 +``` +footer: + # Specify the date when the site was setup. + # If not defined, current year will be used. + #since: 2015 + + # Icon between year and copyright info. + icon: + # Icon name in fontawesome, see: https://fontawesome.com/v4.7.0/icons/ + # `heart` is recommended with animation in red (#ff0000). + name: heart + # If you want to animate the icon, set it to true. + animated: true + # Change the color of icon, using Hex Code. + color: "#ff0000" +``` + + + ## 五、部署到GitHub ### 准备工作 在Github 创建一个仓库为blog,并从master 分支，新建一个dev分支 @@ -521,4 +707,7 @@ git push origin hexo //更新分支 hexo d -g //push更新完分支之后将自己写的博客对接到自己搭的博客网站上，同时同步了Github中的master ``` -> 参考链接：http://theme-next.iissnan.com +> 参考链接： +> + http://theme-next.iissnan.com +> + https://io-oi.me/tech/add-chinese-zodiac-to-next.html#main + diff --git "a/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205.md" "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205.md" new file mode 100644 index 000000000..810e537b8 --- /dev/null +++ "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205.md" @@ -0,0 +1,98 @@ +--- +title: Jenkins镜像安装 +date: 2019-05-29 11:02:36 +tags: +--- +## 一、安装Jenkins + +### 1、Red Hat/Fedora/CentOS 系列 +命令如下： +``` +# 把Jenkins 添加到yum 库 +sudo wget -O /etc/yum.repos.d/jenkins.repo https://pkg.jenkins.io/redhat-stable/jenkins.repo +# 导入密钥 +sudo rpm --import https://pkg.jenkins.io/redhat-stable/jenkins.io.key + +# 安装jenkins +yum install -y jenkins +``` + +> 如果您以前从Jenkins导入了密钥，那么“rpm --import”将失败，因为您已经有了密钥。请忽略它并继续前进。 + +#### 安装失败 +如果不能安装就到官网下载jenkis的rmp包，地址（https://pkg.jenkins.io/redhat/） +``` +wget https://pkg.jenkins.io/redhat-stable/jenkins-2.164.3-1.1.noarch.rpm +rpm -ivh jenkins-2.164.3-1.1.noarch.rpm +``` + +### 2、Debian/Ubuntu 系列 + +``` +wget -q -O - https://pkg.jenkins.io/debian-stable/jenkins.io.key | sudo apt-key add - +sudo sh -c 'echo deb http://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources.list.d/jenkins.list' +sudo apt-get update +sudo apt-get install jenkins +``` + +。。。。。 +##### 等等其他版本，下载安装都差不多，可参考官网：[https://jenkins.io/zh/download/](https://jenkins.io/zh/download/) + +## 二、配置Jenkins +``` +# 修改配置文件 +vim /etc/sysconfig/jenkins +``` +找到修改端口号，找到如下信息，改端口即可，不冲突可略过 + + +``` +JENKINS_PORT="8080" 此端口不冲突可以不修改 +``` + +## 三、启动Jenkins +``` +sudo service jenkins start/stop/restart +sudo chkconfig jenkins on + +# 或者centos7 +systemctl daemon-reload +systemctl start/stop/restart jenkins +``` + +> + 可能出现的错误： +> + `Job for jenkins.service failed because the control process exited with error code. See "systemctl status jenkins.service" and "journalctl -xe" for details` +> + 检查自己的JDK是否安装 +> + 如果已经安装，检查 /etc/init.d/jenkins 文件（可通过vim编辑器修改）中JDK路径是否与本地路径一致，不一致则将JDK的正确路径加入。 +> ![配置java环境](/Jenkins镜像安装/java-conf.png) + + + +![初始化Jenkins](/Jenkins镜像安装/jenkins_node1.png) + ++ Jenkins 的根目录为：`/var/lib/jenkins/` ++ Jenkins 的工作目录为: `/var/lib/jenkins/workspace/` + +## 四、节点配置 ++ 当你需要在其他服务器自动部署应用的时候，需要配置节点 ++ 不可能，需要部署应用的服务器都部署Jenkins ++ 配置节点很简单，填写一下服务器的地址与用户名密码即可 ++ 首页 --> 系统管理--> 节点管理--> 新建节点 ++ ![jenkins_node1.png](/Jenkins镜像安装/jenkins_node1.png) + ++ ![jenkins_node2.png](/Jenkins镜像安装/jenkins_node2.png) + ++ 远程工作目录，顾名思义就是jenkins的部署的工作目录，可以自定义(存在这个目录就行) ++ 工具位置，就是远程服务器的应用路径 ++ 远程服务器要安装Git,但是不需要在这里配路径 ++ 构建任务时，选择如下：限制项目运行节点为，远程节点名称即可。 + +![jenkins_node3.png](/Jenkins镜像安装/jenkins_node3.png) + ++ 其他的步骤和在本地节点配置的是一样的，不太明白可以看我-[上一篇文章](https://rstyro.github.io/blog/2019/05/06/Jenkins%E5%AE%89%E8%A3%85%E9%85%8D%E7%BD%AE%E4%BD%BF%E7%94%A8/) + + + +> 参考： +> + [https://wiki.jenkins.io/display/JENKINS/Installing+Jenkins+on+Red+Hat+distributions](https://wiki.jenkins.io/display/JENKINS/Installing+Jenkins+on+Red+Hat+distributions) +> + [https://pkg.jenkins.io/redhat-stable/](https://pkg.jenkins.io/redhat-stable/) diff --git "a/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/java-conf.png" "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/java-conf.png" new file mode 100644 index 000000000..0bb183ef7 Binary files /dev/null and "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/java-conf.png" differ diff --git "a/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins-hello.png" "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins-hello.png" new file mode 100644 index 000000000..72e1ea3f6 Binary files /dev/null and "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins-hello.png" differ diff --git "a/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node1.png" "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node1.png" new file mode 100644 index 000000000..043dff2a9 Binary files /dev/null and "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node1.png" differ diff --git "a/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node2.png" "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node2.png" new file mode 100644 index 000000000..f5b11c74f Binary files /dev/null and "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node2.png" differ diff --git "a/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node3.png" "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node3.png" new file mode 100644 index 000000000..7ef256de8 Binary files /dev/null and "b/source/_posts/Jenkins\351\225\234\345\203\217\345\256\211\350\243\205/jenkins_node3.png" differ diff --git a/source/fonts/chinese-zodiac.eot b/source/fonts/chinese-zodiac.eot new file mode 100644 index 000000000..7c119c6f5 Binary files /dev/null and b/source/fonts/chinese-zodiac.eot differ diff --git a/source/fonts/chinese-zodiac.woff b/source/fonts/chinese-zodiac.woff new file mode 100644 index 000000000..9bcc6f7f4 Binary files /dev/null and b/source/fonts/chinese-zodiac.woff differ diff --git a/source/fonts/chinese-zodiac.woff2 b/source/fonts/chinese-zodiac.woff2 new file mode 100644 index 000000000..6f5bbc81d Binary files /dev/null and b/source/fonts/chinese-zodiac.woff2 differ diff --git a/themes/next/_config.yml b/themes/next/_config.yml index a00c1dfcf..b45a26099 100644 --- a/themes/next/_config.yml +++ b/themes/next/_config.yml @@ -68,9 +68,9 @@ footer: # `heart` is recommended with animation in red (#ff0000). name: heart # If you want to animate the icon, set it to true. - animated: false + animated: true # Change the color of icon, using Hex Code. - color: "#808080" + color: "#ff0000" # If not defined, `author` from Hexo main config will be used. copyright: @@ -178,8 +178,9 @@ site_state: true # Value after `||` delimeter is the name of FontAwesome icon. If icon (with or without delimeter) is not specified, globe icon will be loaded. social: GitHub: https://github.com/rstyro || github + Gitee: https://gitee.com/rstyro || codiepie QQ: 1006059906 || qq - #E-Mail: mailto:yourname@gmail.com || envelope + 简书: https://www.jianshu.com/u/651c15a1758a || book #Weibo: https://weibo.com/yourname || weibo #Google: https://plus.google.com/yourname || google #Twitter: https://twitter.com/yourname || twitter diff --git a/themes/next/layout/_layout.swig b/themes/next/layout/_layout.swig index 1198a2c4a..e72d6f9d0 100644 --- a/themes/next/layout/_layout.swig +++ b/themes/next/layout/_layout.swig @@ -32,6 +32,7 @@
+
{% endif %} +
+
+ 博客全站共{{ totalcount(site) }}字 +
\ No newline at end of file diff --git a/themes/next/layout/archive.swig b/themes/next/layout/archive.swig index fc146b6bf..2003624b6 100644 --- a/themes/next/layout/archive.swig +++ b/themes/next/layout/archive.swig @@ -40,7 +40,12 @@ {% if post.year !== year %} {% set year = post.year %}
- <{% if theme.seo %}h2{% else %}h1{% endif %} class="archive-year" id="archive-year-{{ year }}">{{ year }} + <{% if theme.seo %}h2{% else %}h1{% endif %} class="archive-year" id="archive-year-{{ year }}"> + {{ year }} +
+ {% include '_partials/chinese-zodiac.swig' %} +
+
{% endif %} {# endshow #} diff --git a/themes/next/source/css/_custom/custom.styl b/themes/next/source/css/_custom/custom.styl index dfbc82825..f81eb93ef 100644 --- a/themes/next/source/css/_custom/custom.styl +++ b/themes/next/source/css/_custom/custom.styl @@ -19,6 +19,7 @@ } // 自定义页脚跳动的心样式 +/* @keyframes heartAnimate { 0%,100%{transform:scale(1);} 10%,30%{transform:scale(0.9);} @@ -31,6 +32,7 @@ .with-love { color: rgb(255, 0, 0); } +*/ // 自定义的侧栏时间样式 #days { @@ -39,3 +41,37 @@ font-size: 13px; margin-top: 15px; } +// 12生肖 +.chinese-zodiac { + float: right; +} +@font-face { + font-family: 'chinese-zodiac'; + font-display: swap; + src: url('/blog/fonts/chinese-zodiac.eot'); + src: url('/blog/fonts/chinese-zodiac.eot') format('embedded-opentype'), + url('/blog/fonts/chinese-zodiac.woff2') format('woff2'), + url('/blog/fonts/chinese-zodiac.woff') format('woff'); + font-weight: normal; + font-style: normal; +} +.symbolic-animals { + display: inline-block; + font: normal normal normal 14px/1 chinese-zodiac; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.icon-dragon:before { content: '\e806'; } +.icon-tiger:before { content: '\e809'; } +.icon-pig:before { content: '\e810'; } +.icon-horse:before { content: '\e813'; } +.icon-rat:before { content: '\e816'; } +.icon-goat:before { content: '\e818'; } +.icon-snake:before { content: '\e820'; } +.icon-ox:before { content: '\e822'; } +.icon-dog:before { content: '\e825'; } +.icon-rabbit:before { content: '\e826'; } +.icon-monkey:before { content: '\e829'; } +.icon-rooster:before { content: '\e82f'; } \ No newline at end of file