miércoles, 30 de octubre de 2024

Todos los cambios que le hice a Bushwich

No me gusta ninguno de los themes que hay. Sólo quiero que me muestre el título de las publicaciones de la forma más minimalista posible. La mayoría de los themes de los blogs no son así.


1. Borré el header.
2. Borré las propiedades que hacían que el texto aparezca a la derecha.

```html
.bwrapwidget-area,
.content-area,
.site-footer {
	float: right;
	max-width: 60%;
	width: 60%;
}
```
3. Borré related posts al ingresar a un artículo.

```bash
<div class='related-postbwrap' id='bpostrelated-post'/>
```

4. Agregué markdown:

En el `` agregué:

```html
<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css" rel="stylesheet"></link>
```

Antes del `</head></pre>`:

```html
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/showdown/1.6.2/showdown.min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
<script src="//mxp22.surge.sh/markdown-highlight-in-blogger.js" type="text/javascript"></script>
```

Esas mierdas de scripts no sé cuanto tiempo me van a durar, por las dudas creé un backup en archive.is de esos archivos.


5. ahora escribo los artículos así:

```html
<pre class="markdown"># Title of Your Post
This is your post content in Markdown.
` ``javascript
// Code snippet
if (today == rainy) { return false; }
` ``
</pre>
```
(Sin el espacio entre las ```)

6. cambié el color `#774553` a `blue` y `#c38596` a `blue` también 
7. Tengo que usar esta mierda [https://www.freeformatter.com/html-escape.html#before-output](https://www.freeformatter.com/html-escape.html#before-output) para escapar el html cuando escribo en HTML view en blogger. Creo que hay una herramienta en Linux para esto.

```bash
cat file.html | php -R 'echo html_entity_decode($argn);'
```

8. Finalmente bajo themes > mobile > configuré que el sitio se vea de la misma forma en celulares que en desktop.

Como podrán ver la enumeración no funciona bien XD.

##### Olvidate de que esto funcione en navegadores viejos porque depende de un javascript potente para interpretar el markdown.
### Holy based XD

0 comentarios:

Publicar un comentario