Introduction While Hexo makes it incredibly convenient to deploy blogs, what happens when we switch computers? The content on Github is actually just what’s in the .deploy_git directory of our local folder. Clearly, we need to back up the source files by pushing them to Github. This way, we can simply clone them to our local machine, do a quick configuration, and we’re good to go.
Backup Process Creating a New Branch On the Github repository for your blog, create a new branch named hexo and set this branch as the default.
...
Resource Files CodePen
Configuration In the theme configuration file _config.butterfly.yml, locate preloader and set enable to true.
In the \themes\butterfly\source\css directory, create a new file named loading_car.css and add the following:
1/* loading background */ 2.loading-bg, #loading-box .loading-left-bg, #loading-box .loading-right-bg{ 3 background-color: #3f3f3f; 4} 5 6.carplay{ 7 box-sizing: border-box; 8 9 --black :#1a1c20 ; 10 --white : #fff ; 11 --green : #3f3f3f ; 12 --d-green : #1e1e1e ; 13 --gray : #c1c1c1 ; 14 --l-gray: #c4c4c4 ; 15 --m-gray : #373838 ; 16 --d-gray : #282724 ; 17 --d-blue: #202428 ; 18 --orange : #ef6206 ; 19 --yellow : #dfa500 ; 20 --l-yellow: #deb953; 21 --light: #fbfbfb ; 22 --n-road : -4em; 23 --p-road : 7em; 24 25 /* background-color: var(--green) ; */ 26 27 28} 29 30.
...
Create a new mouse_move.js file in the /themes/butterfly/source/js folder.
1(function () { 2 function t() { 3 i(), a(); 4 } 5 function i() { 6 document.addEventListener("mousemove", o), 7 document.addEventListener("touchmove", e), 8 document.addEventListener("touchstart", e), 9 window.addEventListener("resize", n); 10 } 11 function n(t) { 12 (d = window.innerWidth), window.innerHeight; 13 } 14 function e(t) { 15 if (t.touches.length > 0) 16 for (var i = 0; i < t.touches.length; i++) 17 s( 18 t.
...
Step 1: Introduce the Necessary jQuery File First, you need to include the jQuery library. You can use the following CDN link:
1https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js Step 2: Save the jQuery File Save the above jQuery file in the \themes\butterfly\source\js directory and name it jquery.min.js.
Step 3: Create the fish.js File In the same \themes\butterfly\source\js directory, create a new file named fish.js and add the following code:
1fish(); 2function fish() { 3 return ( 4 $("footer").
...
Add the following code to the /themes/butterfly/layout/includes/footer.pug file: 1.framework-info 2 img(src = 'https://static.dy208.cn/o_1dfilp8ruo521thr1hvf18ji17soa.png') 3 span= ' ' 4 a(href='https://beian.miit.gov.cn/')= '黔ICP备2022002429号-1'
The fastest math typesetting library for the web.
KaTeX How to insert formulas in a webpage? For example, $x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}$.
One method is to use images, but it is extremely inconvenient. The best approach is to describe mathematical formulas in text and leave the rendering to the engine. LaTeX is a commonly used typesetting tool, including but not limited to mathematical formulas, tables, and chemical formulas. However, our primary need is to display mathematical formulas, so we only require a subset of LaTeX that can render mathematical formulas.
...
Register with QWeather Generate the Code Customize the weather widget according to your needs and then click on “Generate Code”.
1<div id="he-plugin-simple"></div> 2<script> 3WIDGET = { 4 "CONFIG": { 5 "modules": "01234", 6 "background": "5", 7 "tmpColor": "FF9900", 8 "tmpSize": "16", 9 "cityColor": "CCCCCC", 10 "citySize": "16", 11 "aqiColor": "D9D9D9", 12 "aqiSize": "16", 13 "weatherIconSize": "24", 14 "alertIconSize": "18", 15 "padding": "15px 10px 10px 20px", 16 "shadow": "0", 17 "language": "auto", 18 "borderRadius": "5", 19 "fixed": "true", 20 "vertical": "top", 21 "horizontal": "left", 22 "left": "170", 23 "top": "5", 24 "key": "4b948664cade49598ad" 25 } 26} 27</script> 28<script src="https://widget.
...
Prime Numbers Prime and composite numbers are defined for all natural numbers greater than 1 (all numbers less than or equal to 1 are not prime).
All integers less than or equal to 1 are neither prime nor composite.
Prime Number Test – Trial Division:
( d | n ) means that ( d ) can divide ( n ) (the symbol | represents divisibility).
The divisors of a composite number always appear in pairs.
...
Welcome to Hexo! This is your very first post. Check documentation for more info. If you encounter any issues while using Hexo, you can find solutions in the troubleshooting section or ask me on GitHub.
Quick Start Create a new post 1$ hexo new "My New Post" More info: Writing
Run server 1$ hexo server More info: Server
Generate static files 1$ hexo generate More info: Generating
Deploy to remote sites 1$ hexo deploy More info: Deployment
Just after saying goodbye to Dollar, almost the very next day, Xiao Pei and I took a taxi to Ganjingzi District to pick up a cat. It was a three-year-old male Ragdoll. We heard that the previous owner had to change jobs and couldn’t take the cat to the new place, so they had to find someone to adopt him. It’s hard to believe such an excuse—where could they be going that they couldn’t even bring a little cat?
...