WeChat SVG Graphic Deployment Manual

The following uses the chrome browser to demonstrate, download addressGoogle Chrome web browser

Code reading and some operations use vscode editor, download address https://code.visualstudio.com/

Material and code download address: gtja local code and material.rar

1. Upload material

Log in to the official account and upload all the pictures in the images folder to the material library. In order to avoid confusion, it is best to create a new group in the material library before uploading

Note: WeChat has a limit on the number of pictures uploaded at a time, and can only be uploaded in batches

2. Replace the link

After uploading, click to view larger image

In the large image that opens, right-click to copy the image address

 

Use an editor to open the code, use the shortcut keys Ctrl+F to search for the image name in the opened file, and perform a link replacement operation. If the above picture is called village1.jpg, we can search for village1.jpg, and then replace the link in url() with the link just copied.

 

after replacement

 

In this way, a link is replaced. Similar image replacement operations also need to be performed 175 times.

After the replacement is complete, check it again to make sure that all the links are correct links. The specific method is to search for the url keyword

Click the down arrow in the search box to check all the links in url() one by one to make sure they all start with https.

 

3. Replace video 

 

 

 

 

 

Click F12 on the keyboard or right mouse button - check, click ctrl + F on the keyboard to search for video_iframe wx_video_iframe rich_pages

Copy the iframe code, the operation is as follows: 

At this point the code can be edited, ctrl + A ctrl + C to copy the code in the editing area 

 

 Use ctrl+F to search for the iframe keyword in the code and find the content that needs to be replaced

Replace the content in the red box above with the previously copied content!

4. Replace the code

1. Create a new graphic message, right-click on the background page of the official account and select 'Check' to open the console interface

2. Click the small arrow first

 

3. Then click with the mouse on the place of 'start writing text from here', there is a letter P on the floating window

 

4. At this time, there will be a line highlighted in the console, and the letter p is inside the angle brackets

 

5. Right click on this line and select 'Edit as HTML'

 

6. This will become an editable mode, copy the code that has replaced the relevant link, replace the content here, and click on other places in the console to lose focus to complete editing

 

 

 

Guess you like

Origin blog.csdn.net/aaa123aaasqw/article/details/130711359