0.Prefacio
Directorio de artículos
El autor ha estado usando Youdao Cloud Notes desde que entré a la universidad hasta hace unos días. Sin embargo, el servidor en la nube de Youdao colapsó repentinamente hace unos días y solo fue reparado por la mañana, lo que hizo que la gente dudara de su estabilidad y confiabilidad. Por lo tanto, después de consultar en línea, el autor cree que las notas en la nube en formato Markdown de github + vscode son adecuadas para mis necesidades. Por lo tanto, comparto el proceso de configuración de notas en la nube para que los principiantes aprendan y consulten.
1. Herramientas necesarias
- Código Visual
- repositorio de github
- git
2. Preparación de herramientas
2.1 Código Visual
https://code.visualstudio.com/
Simplemente descárgalo e instálalo desde el sitio web oficial.
2.2 repositorio de Github
1. Registre una cuenta usted mismo
2. Haga clic en la esquina superior derecha para crear un nuevo almacén.
3. Complete la información del almacén.
4. Obtener token de almacén
-
Haga clic en configuración en la esquina superior derecha
-
Haga clic en Configuración del desarrollador para ver Tokens de acceso personal donde podemos crear un token
-
Complete la información. Haga clic en Generar nuevo token para crear un nuevo token, seleccione el repositorio y verificará todos los elementos incluidos en él. Podemos simplemente verificarlos. Luego, desplácese hasta el final y haga clic en el botón verde para Generar token. Después se generará un token. Recuerda copiarlo y guardarlo en otro lugar. ¡ Este token solo se mostrará una vez! ! (debe usarse a continuación)
2.3 Instalación y uso de git
Se necesitan uno o dos días para aprender y consolidar git. Dado que hay mucho contenido y los tutoriales en línea son relativamente completos, no entraré en detalles aquí. Aquí están los dos cursos que recomiendo.
- https://www.bilibili.com/video/BV1FE411P7B3?from=search&seid=7622804212840127054El tutorial de Dios loco
- https://www.runoob.com/git/git-tutorial.html El tutorial de Kuang Shen Shuo es claro y fácil de entender, pero algunos aspectos como el reinicio no se explican en detalle. Después de ver el video, los tutoriales para principiantes no serán un problema.
3. Uso de notas y recomendación del complemento Visual Code
3.1 Crear una nueva carpeta de notas
-
Clona el repositorio (necesitas aprender el tutorial de git anterior aquí)
-
Agregar carpeta al espacio de trabajo
-
Cree un nuevo archivo xxx.md como nota para comenzar a escribir notas
3.2 Recomendaciones de complementos
3.2.1.ImagenGo
Picgo: herramienta para cargar imágenes rápidamente y obtener URL de imágenes
-
Busque e instale Picgo en la biblioteca de complementos
-
Haga clic en Picgo para ingresar a la página de configuración de parámetros
-
Busque la configuración relacionada con github y configúrela como se muestra a continuación
-
Tome una captura de pantalla de la imagen (se puede usar cualquier cosa que venga con la computadora WeChat QQ) y luego mantenga presionada Ctrl+Alt+U en el archivo md para pegar la imagen en el archivo .md.
-
Problemas que pueden surgir
Si hay un error en su configuración, la imagen no se cargará correctamente y aparecerá el siguiente mensaje.
En este punto, puede abrir el archivo de registro para ver dónde ocurrió el error. El archivo de registro se almacena en la carpeta de usuario de la unidad C, AppData\Roaming\picgo\picgo.log
Abra el archivo de registro, vea los errores y encuentre soluciones
3.2.2 rebajas
markdownlint: una herramienta de extensión de verificación de formato Markdown muy útil en vscode. Estipula muchas reglas y verifica el documento en tiempo real para evitar algunos errores gramaticales mientras mantiene la unidad del estilo del documento. El uso de esta herramienta ayuda a formar buenos hábitos y convenciones de escritura. .
-
Simplemente búsquelo e instálelo como se indica arriba
-
Puede usarlo para verificar el formato al grabar notas. Cuando hay un error en el formato de la nota, puede corregir sus notas según la información.
-
Los estudiantes que no son buenos en inglés pueden visitar https://www.jianshu.com/p/51523a1c6fe1 para ver la explicación en chino correspondiente.
3.2.3 Rebajas todo en uno
-
Instale Markdown All in One desde el mercado de complementos y habilítelo
-
Utilice el complemento
para abrir su archivo Markdown, presione ctrl+shift+p, ingrese la tabla para buscar comandos y haga clic para crear un directorio
La premisa de este paso es que haya escrito los títulos de cada nivel, luego de elegir crear una tabla de contenido, la tabla de contenido se generará automáticamente.
Como se indica en la documentación del complemento.- El TOC se actualiza automáticamente al guardar el archivo de forma predeterminada. Para deshabilitarlo, cambie la opción toc.updateOnSave.
Esto significa que siempre que guarde el archivo, el complemento guardará automáticamente el directorio, por lo que solo necesita crear el directorio una vez y se actualizará automáticamente después de que lo escriba y lo guarde directamente.
4. Algunos consejos
4.1 Cambiar tamaño de imagen
Al insertar una imagen en un archivo .md, el tamaño de la imagen es fijo. Si desea ajustar el tamaño de la imagen. Se puede reemplazar con lenguaje html, por ejemplo, el código de imagen normal es:
Usando lenguaje de etiquetas de hipertexto, esto se puede cambiar a
<image width=200px height=200px src="https://raw.githubusercontent.com/Logible/note/main/note_image/20210815223056.png" />
Donde ancho y alto son el ancho y alto de la imagen especificada
4.2 Colocar la imagen en su propia línea/centrar la imagen
Cambie el código anterior a
<div align=center>
<image src="https://raw.githubusercontent.com/Logible/note/main/note_image/20210815215806.png" />
</div>
Utilice div para ocupar una fila, donde align=center significa centrado
4.3 Encuentra el contenido de las notas.
Cuando necesitamos encontrar contenido en notas, podemos usar la función de búsqueda de Visual Code
4.4 Vista previa de la sección que estás escribiendo actualmente
Cuando queramos obtener una vista previa de nuestras notas de rebajas, use Ctrl+Shift+V y deslice el subtítulo de la parte que desea obtener una vista previa hacia la parte superior de la página para obtener una vista previa de esta parte.
Por ejemplo, si quiero obtener una vista previa de la Unidad 17, deslizaré la Unidad 17 a la parte superior de la página y luego presionaré la tecla de acceso directo para obtener una vista previa.
5. Posdata
Si hay un error en algún lugar de este artículo, indíquelo. Si este artículo le resulta útil, dele un me gusta al autor.
6. Artículos de referencia
https://www.jianshu.com/p/51523a1c6fe1
Introducción detallada a las reglas de Markdownlint y la configuración de parámetros personalizados
https://blog.csdn.net/qq_44926567/article/details/109167394
markdownlint cancela algunas advertencias de etiquetas html
https://www.jianshu.com/p/cb8d2194d5ef
vscode como editor de Markdown
https://blog.csdn.net/qq_44486550/article/details/107575128
MarkDown establece que la imagen se centre y cambie de tamaño
https://www.jianshu.com/p/a6463f8e8cf8
Problema al pegar imágenes al escribir archivos de rebajas en vscode